码迷,mamicode.com
首页 >  
搜索关键字:nextTick    ( 211个结果
动态的刷新 el-tree 的disabled属性值
有个这样的需求,点击角色列表每一行,根据返回的roleTypeDictCode的值,控制右边菜单分配树选择是否禁用;我已经做出来每次点击,给节点加disabled了,但是菜单没变,但是点击树的时候,其实disabled的属性是加上的,不知道为什么没有加载出来; 后来终于实现了: methods: / ...
分类:其他好文   时间:2020-07-10 19:01:06    阅读次数:121
vue在munted中获取dom高度不准确的问题
今天遇到这么个问题: 在组件中给div设置了默认的高度100px,然后父组件也会传入样式120px,在mounted中获取div的高度会获取到默认的高100px而不是渲染的高120px;就算加上$nextTick也是一样。 data () { return { itemHeight: 0, } }, ...
分类:其他好文   时间:2020-07-06 20:23:26    阅读次数:139
使用element中el-table动态增减表头列的时候出现抖动闪动的问题
el-table表格抖动的解决办法 动态切换表头的时候闪烁是因为表头重新计算高度导致的,重写表格样式即可 //重写表格样式,不在自动计算,解决表格渲染时闪烁问题 //不写这个使用v-if重新渲染表格的时候会再次计算下宽高,导致了抖动div高度=table容器高度/行数 .el-table .cell ...
分类:其他好文   时间:2020-07-06 11:05:50    阅读次数:426
vue 强制刷新子组件
原因:因为父组件有缓存等因素,子组件创建后没有释放,传入参数无效,使用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(callback)
什么是Vue.nextTick()?? 定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码; 理解:n ...
分类:其他好文   时间:2020-06-06 10:55:06    阅读次数:68
JS事件循环机制(宏任务,微任务)
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仿淘宝订单状态的tab切换效果——全
以下代码直接复制到vue文件中即可用 一、template代码 <template> <div class="orderIndex"> <div class="orderTop"> <div class="orderSearch"> <div class="searchBox"> <form> <i ...
分类:其他好文   时间:2020-05-15 09:44:05    阅读次数:101
211条   上一页 1 2 3 4 5 ... 22 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!