Document
  

随笔分类 -  Vue

摘要:解决方法 使用.lazy修饰符 使用.lazy的修饰符可以取消v-model的双向绑定,避免输入改变增加队列造成卡顿 注意:el-input底层代码会将文本框用div包裹,所以直接在el-input中使用.lazy修饰符是不成功的 //不成功的使用方法 <el-input :rows="20" v- 阅读全文
posted @ 2021-05-18 10:30 半个失忆人 阅读(4539) 评论(0) 推荐(0)
摘要:别的懒加载什么的还没研究。 暂时可用又简单的方法:给组件绑定key <base-tree :Api="'st'" @call-back="nodeCheck" **:key="treeKey"**></base-tree> 这是自定义组件,element自带组件也可以这样,绑定key后,通过改变ke 阅读全文
posted @ 2021-02-06 10:22 半个失忆人 阅读(3477) 评论(0) 推荐(0)
摘要:在使用el-checkedbox,el-input等组件时候,使用了v-model绑定了参数,通过另外的组件或者函数改变参数的值时,经常会有控制台已经可以打印出值了,但是在视图上没有显示出来,或者是在有其他操作后,该改变才会后一步显示出来。这时候就需要用**this.$set()**来更改参数的值, 阅读全文
posted @ 2021-02-01 14:12 半个失忆人 阅读(1370) 评论(0) 推荐(0)
摘要:子组件可以使用 $emit 触发父组件的自定义事件。 子组件: <template> <div class="train-city"> <button @click='select()'></button> </template> <script> export default { props:[' 阅读全文
posted @ 2021-01-29 08:41 半个失忆人 阅读(1341) 评论(0) 推荐(0)
摘要:要求: 打开当前界面时,只加载当前标签页数据组件内容,而不是默认的将所有标签页都加载完毕,而是在切换标签页时候,加载数据。 //添加v-if判断,在当前标签页时,就将其设为true <el-tabs v-model="activeName" @tab-click="handleClick"> <el 阅读全文
posted @ 2020-11-23 11:25 半个失忆人 阅读(2715) 评论(0) 推荐(0)
摘要:基本方法,代码重复多: data () { return { name1: '', name2: '', } }, watch: { 'name1': function (val) { console.log(this.name1,this.name2) }, 'name2': function ( 阅读全文
posted @ 2020-11-20 13:57 半个失忆人 阅读(2412) 评论(0) 推荐(0)
摘要:this.emit(‘increment1',”参数”):触发自定义函数。 子组件可以通过其直接触发父组件自定义函数 阅读全文
posted @ 2020-11-11 16:31 半个失忆人 阅读(476) 评论(0) 推荐(0)