标题: #updated [打印本页]

---

作者: vicky.yu    时间: 2024-2-4 10:05     标题: #updated

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

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

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

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

参考：生命周期图示

---

欢迎光临 赛捷软件论坛 (http://sagesoft.cn/bbs/)

Powered by Discuz! 7.2