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是否渲染完成?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » Vue.js 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏