返回列表 发帖

#updated

类型:Function
详细:
由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调用该钩子。

当这个钩子被调用时,组件 DOM 已经更新,所以你现在可以执行依赖于 DOM 的操作。然而在大多数情况下,你应该避免在此期间更改状态。如果要相应状态改变,通常最好使用计算属性或侦听器取而代之。

注意,updated 不会保证所有的子组件也都一起被重绘。如果你希望等到整个视图都重绘完毕,可以在 updated 里使用 vm.$nextTick:

  updated() {
    this.$nextTick(function () {
      // 仅在渲染整个视图之后运行的代码
    })
  }
该钩子在服务器端渲染期间不被调用。

参考:生命周期图示

返回列表