这篇文章主要介绍Vue2.0$nextTick如何监听数据渲染完成之后的回调函数,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!vue里面本身带有两个回调函数:一个是`Vue.next
这篇文章主要介绍Vue2.0$nextTick如何监听数据渲染完成之后的回调函数,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
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渲染已经完成')
})
}
}
})
以上是“vue2.0$nextTick如何监听数据渲染完成之后的回调函数”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网node.js频道!
--结束END--
本文标题: vue2.0$nextTick如何监听数据渲染完成之后的回调函数
本文链接: https://www.lsjlt.com/news/75841.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
2022-06-04
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0