vue2.0$nextTick監(jiān)聽數(shù)據(jù)渲染完成之后的回調(diào)函數(shù)方法
更新時間：2018年09月11日 08:52:51 作者：fongdaBoy
今天小編就為大家分享一篇vue2.0$nextTick監(jiān)聽數(shù)據(jù)渲染完成之后的回調(diào)函數(shù)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
vue里面本身帶有兩個回調(diào)函數(shù)：
一個是`Vue.nextTick(callback)`，當數(shù)據(jù)發(fā)生變化，更新后執(zhí)行回調(diào)。
另一個是`Vue.$nextTick(callback)`，當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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue打包的時候自動將px轉(zhuǎn)成rem的操作方法
這篇文章主要介紹了vue打包的時候自動將px轉(zhuǎn)成rem的操作方法,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了使用vue打包進行云服務(wù)器上傳，本文給大家介紹的非常詳細，對大家的工作或?qū)W習具有一定的參考借鑒價值,需要的朋友可以參考下2020-03-03
這篇文章主要為大家詳細介紹了Vue.js簡易安裝和快速入門的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-10-10
Print.js 主要是為了幫助我們直接在我們的應(yīng)用程序中打印 PDF 文件，無需離開界面，也無需使用嵌入，這篇文章主要介紹了Vue中使用Printjs插件實現(xiàn)打印功能,需要的朋友可以參考下2022-08-08
這篇文章主要介紹了Vue中使用mixins混入方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-08-08
defineProps宏函數(shù)不需要從vue中import導入的原因解析
這篇文章主要介紹了defineProps宏函數(shù)不需要從vue中import導入的原因解析,本文給大家介紹的非常詳細,需要的朋友可以參考下2024-07-07
vue3深入學習?nextTick和historyApiFallback
這篇文章主要介紹了vue3深入學習?nextTick和historyApiFallback，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的朋友可以參考一下2022-08-08
Vue+Element UI 樹形控件整合下拉功能菜單（tree + dropdown +input）
這篇文章主要介紹了Vue+Element UI 樹形控件整合下拉功能菜單（tree + dropdown +input）的方法，幫助大家更好的理解和學習vue，感興趣的朋友可以了解下2020-08-08
我們通過原理講解以及代碼實例給大家分享了關(guān)于VUE實現(xiàn)移動下拉刷新的功能，有的朋友可以跟著學習下。2018-04-04
插槽（slot）是 vue 為組件的封裝者提供的能力。允許開發(fā)者在封裝組件時，把不確定的、希望由用戶指定的部分定義為插槽?？梢园巡宀壅J為是組件封裝期間，為用戶預留的內(nèi)容的占位符2022-09-09