最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

vue2.0$nextTick监听数据渲染完成之后的回调函数方法

来源:动视网 责编:小采 时间:2020-11-27 22:08:06
文档

vue2.0$nextTick监听数据渲染完成之后的回调函数方法

vue2.0$nextTick监听数据渲染完成之后的回调函数方法:vue里面本身带有两个回调函数: 一个是`Vue.nextTick(callback)`,当数据发生变化,更新后执行回调。 另一个是`Vue.$nextTick(callback)`,当dom发生变化,更新后执行的回调。 栗子: ... <ul id=demo> <li v-fo
推荐度:
导读vue2.0$nextTick监听数据渲染完成之后的回调函数方法:vue里面本身带有两个回调函数: 一个是`Vue.nextTick(callback)`,当数据发生变化,更新后执行回调。 另一个是`Vue.$nextTick(callback)`,当dom发生变化,更新后执行的回调。 栗子: ... <ul id=demo> <li v-fo


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监听数据渲染完成之后的回调函数方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

文档

vue2.0$nextTick监听数据渲染完成之后的回调函数方法

vue2.0$nextTick监听数据渲染完成之后的回调函数方法:vue里面本身带有两个回调函数: 一个是`Vue.nextTick(callback)`,当数据发生变化,更新后执行回调。 另一个是`Vue.$nextTick(callback)`,当dom发生变化,更新后执行的回调。 栗子: ... <ul id=demo> <li v-fo
推荐度:
标签: 数据 VUE 监听
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top