您好,登錄后才能下訂單哦!
這篇文章主要介紹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如何監聽數據渲染完成之后的回調函數”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。