Vue在頁面數(shù)據(jù)渲染完成之后的調(diào)用方法
在使用Vue框架的時(shí)候，有時(shí)候需要在Vue在頁面數(shù)據(jù)渲染完成之后調(diào)用方法，不然獲取不到準(zhǔn)確的數(shù)據(jù)，特別是在獲取列表的高度的時(shí)候，由于數(shù)據(jù)沒有加載完，獲取不到準(zhǔn)確的高度。之前在使用jquery的時(shí)候，有ready可以幫助我們實(shí)現(xiàn)，但是Vue不存在此類方法，我們需要結(jié)合watch和this.$nextTick()來實(shí)現(xiàn)。
nextTick：在下次 DOM 更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)。
watch：用于觀察Vue實(shí)例上的數(shù)據(jù)變動(dòng)。對應(yīng)一個(gè)對象,鍵是觀察表達(dá)式,值是對應(yīng)回調(diào)。
之前我是這樣子使用nextTick的：
mounted:{
this.$nextTick(function(){
/////方法
})
}
經(jīng)測試發(fā)現(xiàn)實(shí)現(xiàn)不了所需要的效果，只有結(jié)構(gòu)，沒有數(shù)據(jù)，即獲取不到想要的高度
后發(fā)現(xiàn)需要結(jié)合watch監(jiān)聽某個(gè)屬性：
watch:{
asyncArray:function()
this.$nextTick(function(){
//////方法
});
}
}
經(jīng)測試可用！
以上這篇Vue在頁面數(shù)據(jù)渲染完成之后的調(diào)用方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue與bootstrap實(shí)現(xiàn)時(shí)間選擇器的示例代碼
本篇文章主要介紹了vue與bootstrap實(shí)現(xiàn)時(shí)間選擇器的示例代碼，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2017-08-08
淺談Vue3 Composition API如何替換Vue Mixins
這篇文章主要介紹了淺談Vue3 Composition API如何替換Vue Mixins，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
vue+iview 兼容IE11瀏覽器的實(shí)現(xiàn)方法
這篇文章主要介紹了vue+iview 兼容IE11瀏覽器的實(shí)現(xiàn)方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01
Vue.js實(shí)現(xiàn)一個(gè)todo-list的上移下移刪除功能
這篇文章主要介紹了Vue.js實(shí)現(xiàn)一個(gè)todo-list的上移下移刪除功能,需要的朋友可以參考下2017-06-06
本文主要介紹了mini-vue渲染的簡易實(shí)現(xiàn)，主要簡單來實(shí)現(xiàn)一個(gè)虛擬dom渲染真實(shí)dom，以及更新的方法。具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家詳細(xì)介紹了Vue組件實(shí)現(xiàn)評論區(qū)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要為大家詳細(xì)介紹了vue v-model表單控件綁定的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
vue+layui實(shí)現(xiàn)select動(dòng)態(tài)加載后臺數(shù)據(jù)的例子
今天小編就為大家分享一篇vue+layui實(shí)現(xiàn)select動(dòng)態(tài)加載后臺數(shù)據(jù)的例子，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Electron相當(dāng)于一個(gè)瀏覽器的外殼，可以把網(wǎng)頁程序嵌入到殼里面，可以運(yùn)行在桌面上的一個(gè)程序，可以把網(wǎng)頁打包成一個(gè)在桌面運(yùn)行的程序。這篇文章主要介紹了electron-vue多顯示屏下將新窗口投放是其他屏幕 ,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了vue 監(jiān)聽窗口變化對頁面部分元素重新渲染操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07