這篇文章主要為大家展示了“Vue在頁面數據渲染完成之后如何調用”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“Vue在頁面數據渲染完成之后如何調用”這篇文章吧。

創新互聯從2013年成立，是專業互聯網技術服務公司，擁有項目做網站、成都網站制作網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元廣安做網站,已為上家服務,為廣安各地企業和個人服務,聯系電話:13518219792

在使用Vue框架的時候，有時候需要在Vue在頁面數據渲染完成之后調用方法，不然獲取不到準確的數據，特別是在獲取列表的高度的時候，由于數據沒有加載完，獲取不到準確的高度。之前在使用jquery的時候，有ready可以幫助我們實現，但是Vue不存在此類方法，我們需要結合watch和this.$nextTick()來實現。

nextTick：在下次 DOM 更新循環結束之后執行延遲回調。

watch：用于觀察Vue實例上的數據變動。對應一個對象,鍵是觀察表達式,值是對應回調。

之前我是這樣子使用nextTick的：

mounted:{

this.$nextTick(function(){

/////方法

})

}

經測試發現實現不了所需要的效果，只有結構，沒有數據，即獲取不到想要的高度

后發現需要結合watch監聽某個屬性：

watch:{

asyncArray:function()

 this.$nextTick(function(){
  //////方法
 });
}
}

以上是“Vue在頁面數據渲染完成之后如何調用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯成都網站設計公司行業資訊頻道！

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網頁標題：Vue在頁面數據渲染完成之后如何調用-創新互聯
文章轉載：http://vcdvsql.cn/article4/hcsie.html

成都網站建設公司_創新互聯，為您提供品牌網站制作、網站策劃、定制網站、做網站、網站設計公司、云服務器

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯