争渡,争渡,惊起一滩鸥鹭

  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
  124 随笔 :: 0 文章 :: 0 评论 :: 97547 阅读

随笔分类 -  vue

摘要:参考文章1 https://blog.csdn.net/DZQ1223/article/details/131411002 https://blog.csdn.net/qq_23370345/article/details/120720693 阅读全文
posted @ 2023-09-04 17:33 争渡~ 阅读(170) 评论(0) 推荐(0) 编辑

摘要:挂载阶段执行顺序为:父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted 更新阶段执行顺序为:父beforeUpdate -> 子b 阅读全文
posted @ 2023-05-16 16:42 争渡~ 阅读(504) 评论(0) 推荐(0) 编辑

摘要:在性能方面,对比Vue2.x,性能提升了1.3~2倍左右;打包后的体积也更小了。 非兼容的功能 一些和Vue2.x版本改动较大的语法,在Vue3存在兼容问题 v-modal 组件通信 v-for和key vue3.0,key可以绑定在template标签上 v-bind合并 vue3.0,声明相同的 阅读全文
posted @ 2022-06-21 21:58 争渡~ 阅读(233) 评论(0) 推荐(0) 编辑

摘要:参考文档:https://blog.csdn.net/weixin_49217200/article/details/118496525 参考文档:https://blog.csdn.net/ct5211314/article/details/124315777 参考文档:https://blog. 阅读全文
posted @ 2022-06-04 16:52 争渡~ 阅读(32) 评论(0) 推荐(0) 编辑

摘要:<template> <div class="content"> <btn :btnName.sync='num' ></btn> </div> </template> changeNum(){ this.$emit('update:btnName',888) } 参考文档:https://blog 阅读全文
posted @ 2022-06-04 15:26 争渡~ 阅读(40) 评论(0) 推荐(0) 编辑

摘要:<Modal v-model="isTemManageShow" title="管理模板" @on-ok="ok" :loading="loading" @on-cancel="cancel"> <div class="mb10"> <!-- your content --> </div> </Mo 阅读全文
posted @ 2022-06-04 14:53 争渡~ 阅读(199) 评论(0) 推荐(0) 编辑

摘要:<el-scrollbar></el-scrollbar> //去掉横向滚动条 /deep/.el-scrollbar__wrap { overflow-x: hidden; } 暂时这么多,更多的信息去百度查 阅读全文
posted @ 2022-03-26 20:48 争渡~ 阅读(204) 评论(0) 推荐(0) 编辑

摘要:vue用npm 删除模块element-ui npm uninstall element-ui vue用npm 安装指定element-ui 版本 npm i element-ui@2.0.10 参考文档:https://blog.csdn.net/xu838209490/article/detai 阅读全文
posted @ 2022-03-26 20:43 争渡~ 阅读(3665) 评论(0) 推荐(0) 编辑

摘要:<article ref='articleHeight' class="show-list" style="height: calc(100vh - 46px - 38px - 38px)"> <div ref='listHeight'> 遍历的内容 </div> </div> mounted () 阅读全文
posted @ 2021-07-24 16:45 争渡~ 阅读(154) 评论(0) 推荐(0) 编辑

摘要:参考文档:https://www.cnblogs.com/dengyao-blogs/p/11562257.html 参考文档:https://www.cnblogs.com/zwnsyw/p/12307208.html 阅读全文
posted @ 2020-12-08 21:24 争渡~ 阅读(86) 评论(0) 推荐(0) 编辑

摘要:根据官方文档定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新。 所以给对象新增属性,使用this.$set(对象,属性,属性值) 数组: this.$set(原数组, 索引值, 需要赋的值) 参考文档:https://www.jianshu.com/p/71b1807b1815 参考 阅读全文
posted @ 2020-04-08 19:19 争渡~ 阅读(1606) 评论(0) 推荐(0) 编辑

摘要:父组件: 有 :的,那就是从父组件传到子组件的参数与值; 有 @ 的,那就是从子组件传到父组件的回调; 还有一种方式,通过写在父组件的ref定位,父组件可以触发子组件的某个方法 子组件: 用$emit从子组件回调父组件(如下那个changeData对应的是父组件那个@开头的changeData,注意 阅读全文
posted @ 2020-03-24 20:33 争渡~ 阅读(131) 评论(0) 推荐(0) 编辑

摘要:为什么使用vuex? vuex主要是是做数据交互,父子组件传值可以很容易办到,但是兄弟组件间传值(兄弟组件下又有父子组件),异常麻烦,用vuex来维护共有的状态或数据会显得得心应手。 通常设计store对象都包含4个属性:state,getters,actions,mutations。 state 阅读全文
posted @ 2020-03-14 20:28 争渡~ 阅读(132) 评论(0) 推荐(0) 编辑

摘要:参考文档:https://cn.vuejs.org/v2/guide/custom-directive.html 阅读全文
posted @ 2020-03-13 19:41 争渡~ 阅读(154) 评论(0) 推荐(0) 编辑

摘要:1.在一个页面监听、定时用了之后要销毁 2.或者在监听、定时的运行代码,加判断限制 销毁: 加判断: 阅读全文
posted @ 2020-02-26 19:47 争渡~ 阅读(730) 评论(0) 推荐(0) 编辑

摘要:<div class="example1 example2"></div> <div :class="true?'example1':'example2'"></div> <div :class="{ 'example1': true }"></div> <div :class="['example 阅读全文
posted @ 2020-02-15 19:05 争渡~ 阅读(8203) 评论(0) 推荐(0) 编辑

摘要:平时使用: <!-- * v-loading -> 加载时转圈圈 * highlight-current-row -> 点击行时是否要高亮当前行 * height -> 纯数字时单位是px,数字加单位时则这个高度会设置为 Table 的 style.height 的值 * size -> Table 阅读全文
posted @ 2020-02-07 18:40 争渡~ 阅读(1057) 评论(0) 推荐(0) 编辑

摘要:import Axios from 'axios' import { Loading, Message } from 'element-ui' // 超时时间 Axios.defaults.timeout = 5000 // http请求拦截器 let loadinginstace Axios.in 阅读全文
posted @ 2020-02-04 19:33 争渡~ 阅读(9318) 评论(0) 推荐(0) 编辑

摘要:<!-- 下布转数 --> <el-table-column align="right" width="87px"> <template slot="header" slot-scope="scope"> <span class="sort-table-header">下布转数</span> </t 阅读全文
posted @ 2020-01-15 20:31 争渡~ 阅读(4048) 评论(0) 推荐(0) 编辑

摘要:当组件间传递对象时,由于此对象的引用类型指向的都是一个地址(除了基本类型跟null,对象之间的赋值,只是将地址指向同一个,而不是真正意义上的拷贝),如下 数组: var a = [1,2,3]; var b = a; b.push(4); // b中添加了一个4 alert(a); // a变成了[ 阅读全文
posted @ 2020-01-15 19:35 争渡~ 阅读(3488) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示