返回列表 回复 发帖

[JavaScript] 怎样监听vue.js中v-for全部渲染完成?

二话不说,先放api
vue.js
vue里面本身带有两个回调函数:
一个是`Vue.nextTick(callback)`,当数据发生变化,更新后执行回调。
另一个是`Vue.$nextTick(callback)`,当dom发生变化,更新后执行的回调。
栗子:
  1. <ul id="demo">
  2.     <li v-for="item in list">{{item}}</div>
  3. </ul>
复制代码
  1. new Vue({
  2.     el:'#demo',
  3.     data:{
  4.         list=[0,1,2,3,4,5,6,7,8,9,10]
  5.     },
  6.     methods:{
  7.         push:function(){
  8.             this.list.push(11);
  9.             this.nextTick(function(){
  10.                 alert('数据已经更新')
  11.             });
  12.             this.$nextTick(function(){
  13.                 alert('v-for渲染已经完成')
  14.             })
  15.         }
  16.     }
  17. })
复制代码
返回列表