vue.js怎么判断v-for是否渲染完成?

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('数据已经更新')
            });
            this.$nextTick(function(){
                alert('v-for渲染已经完成')
            })
        }
    }
})

更多web前端知识,请查阅 HTML中文网 !!

以上就是vue.js怎么判断v-for是否渲染完成?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读