金相预磨机,辣椒直播,伊波拉病毒迅雷下载
vue里面本身带有两个回调函数:
一个是`vue.nexttick(callback)`,当数据发生变化,更新后执行回调。
另一个是`vue.$nexttick(callback)`,当dom发生变化,更新后执行的回调。
栗子:
... <ul id="demo"> <li v-for="item in list">{{item}}</div> </ul> ...
new vue({ el:'#demo', data:{ list=[0,1,2,3,4,5,6,7,8,9,10] }, methods:{ push:function(){ this.list.push(11); this.nexttick(function(){ alert('数据已经更新') }); this.$nexttick(function(){ alert('v-for渲染已经完成') }) } } })
以上这篇vue2.0$nexttick监听数据渲染完成之后的回调函数方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持移动技术网。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论