当前位置:首页>开发>正文

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

2023-05-15 18:44:24 互联网 未知 开发

 怎样监听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渲染已经完成)
})
}
}
})

最新文章