vue.js怎么判断v-for是否渲染完成？下面本篇文章给大家介绍一下监听vue.js中v-for全部渲染完成的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
监听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('数据已经更新')
});
t<p style="color:transparent">来源gao!daima.com搞$代!码网</p>his.$nextTick(function(){
alert('v-for渲染已经完成')
})
}
}
})
更多web前端知识，请查阅 搞代码网 ！！
以上就是vue.js怎么判断v-for是否渲染完成？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue.js怎么判断v-for是否渲染完成？
转载请注明原文链接：vue.js怎么判断v-for是否渲染完成？
