這篇文章主要為大家展示了“Vue在頁(yè)面數(shù)據(jù)渲染完成之后如何調(diào)用”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“Vue在頁(yè)面數(shù)據(jù)渲染完成之后如何調(diào)用”這篇文章吧。

創(chuàng)新互聯(lián)專(zhuān)注為客戶(hù)提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站建設(shè)、水富網(wǎng)絡(luò)推廣、小程序制作、水富網(wǎng)絡(luò)營(yíng)銷(xiāo)、水富企業(yè)策劃、水富品牌公關(guān)、搜索引擎seo、人物專(zhuān)訪(fǎng)、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供水富建站搭建服務(wù)，24小時(shí)服務(wù)熱線(xiàn)：18980820575，官方網(wǎng)址：www.cdcxhl.com

在使用Vue框架的時(shí)候，有時(shí)候需要在Vue在頁(yè)面數(shù)據(jù)渲染完成之后調(diào)用方法，不然獲取不到準(zhǔn)確的數(shù)據(jù)，特別是在獲取列表的高度的時(shí)候，由于數(shù)據(jù)沒(méi)有加載完，獲取不到準(zhǔn)確的高度。之前在使用jquery的時(shí)候，有ready可以幫助我們實(shí)現(xiàn)，但是Vue不存在此類(lèi)方法，我們需要結(jié)合watch和this.$nextTick()來(lái)實(shí)現(xiàn)。

nextTick：在下次 DOM 更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)。

watch：用于觀(guān)察Vue實(shí)例上的數(shù)據(jù)變動(dòng)。對(duì)應(yīng)一個(gè)對(duì)象,鍵是觀(guān)察表達(dá)式,值是對(duì)應(yīng)回調(diào)。

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

mounted:{

this.$nextTick(function(){

/////方法

})

}

經(jīng)測(cè)試發(fā)現(xiàn)實(shí)現(xiàn)不了所需要的效果，只有結(jié)構(gòu)，沒(méi)有數(shù)據(jù)，即獲取不到想要的高度

后發(fā)現(xiàn)需要結(jié)合watch監(jiān)聽(tīng)某個(gè)屬性：

watch:{

asyncArray:function()

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

以上是“Vue在頁(yè)面數(shù)據(jù)渲染完成之后如何調(diào)用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！