为了在数据变化之后等待 Vue 完成更新 DOM,
可以在数据变化之后立即使用 Vue.nextTick(callback)。
实现 DOM 更新完成后调用一个函数
<div id="example">{{message}}</div>
var vm = new Vue({
el: '#example',
data: {
message: '123'
}
})
错误示例
vm.message = 'new message' // 更改数据
vm.$el.textContent === 'new message' // false
正确示例
Vue.nextTick(function () {
vm.$el.textContent === 'new message' // true
})