有个这样的需求,点击角色列表每一行,根据返回的roleTypeDictCode的值,控制右边菜单分配树选择是否禁用;我已经做出来每次点击,给节点加disabled了,但是菜单没变,但是点击树的时候,其实disabled的属性是加上的,不知道为什么没有加载出来; 后来终于实现了: methods: / ...
分类:
其他好文 时间:
2020-07-10 19:01:06
阅读次数:
121
今天遇到这么个问题: 在组件中给div设置了默认的高度100px,然后父组件也会传入样式120px,在mounted中获取div的高度会获取到默认的高100px而不是渲染的高120px;就算加上$nextTick也是一样。 data () { return { itemHeight: 0, } }, ...
分类:
其他好文 时间:
2020-07-06 20:23:26
阅读次数:
139
el-table表格抖动的解决办法 动态切换表头的时候闪烁是因为表头重新计算高度导致的,重写表格样式即可 //重写表格样式,不在自动计算,解决表格渲染时闪烁问题 //不写这个使用v-if重新渲染表格的时候会再次计算下宽高,导致了抖动div高度=table容器高度/行数 .el-table .cell ...
分类:
其他好文 时间:
2020-07-06 11:05:50
阅读次数:
426
原因:因为父组件有缓存等因素,子组件创建后没有释放,传入参数无效,使用v-if的特性(销毁和重建)可以强制刷新子组件 <el-drawer ref="detailTable" :title="detailTitle" :append-to-body="true" :visible.sync="dia ...
分类:
其他好文 时间:
2020-06-19 14:25:00
阅读次数:
241
//主线程直接执行 console.log('1'); //丢到宏事件队列中 setTimeout(function() { console.log('2'); process.nextTick(function() { console.log('3'); }) new Promise(functi ...
分类:
其他好文 时间:
2020-06-11 20:07:47
阅读次数:
69
什么是Vue.nextTick()?? 定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码; 理解:n ...
分类:
其他好文 时间:
2020-06-06 10:55:06
阅读次数:
68
1: 宏任务:包括整体js代码(script标签下的同步任务代码),setTimeout,setInterval; 2: 微任务:Promise.then(),process.nextTick(Node.js); 3: JS 事件循环机制(event loop) (1) 首先执行宏任务,遇到setT ...
分类:
Web程序 时间:
2020-06-01 12:03:28
阅读次数:
108
一面: 1.你现在用的技术栈 2.如果让你自定义一个组件实现v-modle你如何实现 3.vue的生命周期对Vue都做了什么 4.nextTick的原理 5.组件的通信方式 6.ES6你都用过什么 7.Promise.all()和Promise.race()的区别;Promise.all()有一个返 ...
分类:
其他好文 时间:
2020-05-25 19:44:54
阅读次数:
254
今天看某vue中nextTick的某篇博客时,其中经常提到事件循环机制,之前面试也经常被问到,所以点进了该niubility博主解释循环机制的博客。原来。。。。 宏任务并不是同步任务啊!!!之前一直理解错了。 在事件循环机制中,首先在调用栈中执行主线程上的所有同步任务。此时web API会对异步任务 ...
分类:
其他好文 时间:
2020-05-24 11:35:57
阅读次数:
53
以下代码直接复制到vue文件中即可用 一、template代码 <template> <div class="orderIndex"> <div class="orderTop"> <div class="orderSearch"> <div class="searchBox"> <form> <i ...
分类:
其他好文 时间:
2020-05-15 09:44:05
阅读次数:
101