監聽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渲染已經完成')
            })
        }
    }
})

作者：CharTen
鏈接：https://www.zhihu.com/question/47652547/answer/119592520
來源：知乎