mounted钩子函数中获取
时间:2026-05-08 08:48:38来源:在 Vue 中,`mounted` 是组件生命周期的一个重要阶段。在此阶段,DOM 已被渲染完成,可以安全地访问 DOM 元素或调用方法。
| 获取方式 | 说明 |
| `this.$el` | 获取组件根元素 |
| `this.$refs` | 通过 ref 获取指定元素或组件 |
| `document.querySelector()` | 直接操作 DOM(不推荐) |
| `this.$nextTick()` | 在 DOM 更新后执行代码 |
注意:避免在 `mounted` 中直接修改数据,以免引发不必要的重绘。合理使用 `this.$refs` 和 `$nextTick` 可提高代码稳定性。
展开更多
标签:
