监听vue.js中v-for全部渲染完成
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渲染已经完成') }) } } })
更多web前端知识,请查阅 HTML中文网 !!
以上就是vue.js怎么判断v-for是否渲染完成?的详细内容,更多请关注易知道|edz.cc其它相关文章!