vue2.0$nextTick如何監(jiān)聽(tīng)數(shù)據(jù)渲染完成之后的回調(diào)函數(shù)

這篇文章主要介紹vue2.0$nextTick如何監(jiān)聽(tīng)數(shù)據(jù)渲染完成之后的回調(diào)函數(shù)，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶，將通過(guò)不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊(cè)、網(wǎng)頁(yè)空間、營(yíng)銷軟件、網(wǎng)站建設(shè)、嘉善網(wǎng)站維護(hù)、網(wǎng)站推廣。

vue里面本身帶有兩個(gè)回調(diào)函數(shù)：

一個(gè)是`Vue.nextTick(callback)`，當(dāng)數(shù)據(jù)發(fā)生變化，更新后執(zhí)行回調(diào)。

另一個(gè)是`Vue.$nextTick(callback)`，當(dāng)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)聽(tīng)數(shù)據(jù)渲染完成之后的回調(diào)函數(shù)”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章標(biāo)題：vue2.0$nextTick如何監(jiān)聽(tīng)數(shù)據(jù)渲染完成之后的回調(diào)函數(shù)
URL標(biāo)題：http://muchs.cn/article14/gedoge.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、App設(shè)計(jì)、品牌網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站建設(shè)、外貿(mào)建站、標(biāo)簽優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)