vue2.0$nextTick監(jiān)聽數(shù)據(jù)渲染完成之后的回調(diào)函數(shù)方法

vue里面本身帶有兩個回調(diào)函數(shù)：

一個是`Vue.nextTick(callback)`，當(dāng)數(shù)據(jù)發(fā)生變化，更新后執(zhí)行回調(diào)。

另一個是`Vue.$nextTick(callback)`，當(dāng)dom發(fā)生變化，更新后執(zhí)行的回調(diào)。

栗子：

 ...
<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('數(shù)據(jù)已經(jīng)更新')
 });
 this.$nextTick(function(){
 alert('v-for渲染已經(jīng)完成')
 })
 }
 }
})

以上這篇vue2.0$nextTick監(jiān)聽數(shù)據(jù)渲染完成之后的回調(diào)函數(shù)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com