当前位置:首页 > 火热 >

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` 可提高代码稳定性。

展开更多
标签: