Vue中nextTick的作用有哪些？相信很多沒有經(jīng)驗(yàn)的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

創(chuàng)新互聯(lián)主要從事成都網(wǎng)站設(shè)計、網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)連山,十年網(wǎng)站建設(shè)經(jīng)驗(yàn),價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

起什么作用？

在下次 DOM 更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)。在修改數(shù)據(jù)之后立即使用這個方法，獲取更新后的 DOM。

我想各位都知道或了解 Vue 的渲染流程，Vue 在監(jiān)聽到數(shù)據(jù)變化后會重新渲染，配合 VDOM 更新真實(shí)的 DOM，而 nextTick 的觸發(fā)時機(jī)就是在調(diào)用方法后的第一次重新渲染完畢后。

如何使用？

有兩種使用方法，一種是傳入回調(diào)，另一種是 Promise，官方使用示例如下：

// 修改數(shù)據(jù)
vm.msg = 'Hello'
// DOM 還沒有更新
Vue.nextTick(function () {
 // DOM 更新了
})

// 作為一個 Promise 使用 (2.1.0 起新增，詳見接下來的提示)
Vue.nextTick()
 .then(function () {
 // DOM 更新了
 })

如果在 SPA（單文件組件） 中，可能是這個樣子

有什么使用場景？

需要等待渲染完成后執(zhí)行的一些方法

初始化綁定或操作 DOM

比如在 created 和 mounted 回調(diào)中，需要操作渲染好的 DOM，則需要在 nextTick 中執(zhí)行相關(guān)邏輯，這在必須使用一些老的需要綁定 DOM 的庫時很有用。

比如，在加載 UEditor 時，可能會這樣玩

看完上述內(nèi)容，你們掌握Vue中nextTick的作用有哪些的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

當(dāng)前名稱：Vue中nextTick的作用有哪些-創(chuàng)新互聯(lián)
新聞來源：http://weahome.cn/article/pdsid.html