• vm.$nextTick( [callback] )

    vm.$nextTick( [callback] )

    • 参数：

      • {Function} [callback]
    • 用法：

    将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。

    2.1.0 起新增：如果没有提供回调且在支持 Promise 的环境中，则返回一个 Promise。请注意 Vue 不自带 Promise 的 polyfill，所以如果你的目标浏览器不是原生支持 Promise (IE：你们都看我干嘛)，你得自行 polyfill。

    • 示例：
    1. new Vue({
    2.   // ...
    3.   methods: {
    4.     // ...
    5.     example: function () {
    6.       // 修改数据
    7.       this.message = 'changed'
    8.       // DOM 还没有更新
    9.       this.$nextTick(function () {
    10.         // DOM 现在更新了
    11.         // `this` 绑定到当前实例
    12.         this.doSomethingElse()
    13.       })
    14.     }
    15.   }
    16. })

    • 参考

      • Vue.nextTick
      • 异步更新队列