- 在下次 DOM 更新循環(huán)結(jié)束之后執(zhí)行延遲回調(diào)啼器。在修改數(shù)據(jù)之后立即使用這個方法搏明,獲取更新后的 DOM箱亿。
// 修改數(shù)據(jù)
vm.msg = 'Hello'
// DOM 還沒有更新
Vue.nextTick(function () {
// DOM 更新了
})
// 作為一個 Promise 使用 (2.1.0 起新增螟炫,詳見接下來的提示)
Vue.nextTick()
.then(function () {
// DOM 更新了
})
注意 updated
不會承諾所有的子組件也都一起被重繪颅湘。如果你希望等到整個視圖都重繪完畢簸喂,可以用 vm.$nextTick 替換掉 updated
:
this.$nextTick(function () {
// Code that will run only after the
// entire view has been re-rendered
})