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

vue里面本身带有两个回调函数

一个是`Vue.nextTick(callback)`,当数据发生变化,更新后执行回调。

一个是`Vue.$nextTick(callback)`,当dom发生变化,更新后执行的回调。

栗子:

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

相关文章

可以通过min-width属性来设置el-table-column的最小宽度。以...
yarn dev,当文件变动后,会自动重启。 yanr start不会自动重...
ref 用于创建一个对值的响应式引用。这个值可以是原始值(如...
通过修改 getWK005 函数来实现这一点。这里的 query 参数就是...
<el-form-item label="入库类型" ...
API 变动 样式类名变化: 一些组件的样式类名有所变动,可能需...