vue中哪个生命周期方法可以取到DOM
时间: 2023-10-12 20:07:16 浏览: 103
在vue中获取dom元素内容的方法
在 Vue 中,可以使用 `mounted` 钩子函数来获取到组件的 DOM 元素。`mounted` 钩子函数会在组件挂载到 DOM 后立即执行,此时 DOM 已经渲染完毕,可以通过 `this.$el` 属性来获取到组件的根 DOM 元素。例如:
```javascript
export default {
mounted() {
console.log(this.$el); // 输出组件的根 DOM 元素
}
}
```
需要注意的是,在 `mounted` 钩子函数中,组件的子组件还未挂载,如果需要操作子组件的 DOM 元素,可以使用 `$nextTick` 方法。例如:
```javascript
export default {
mounted() {
this.$nextTick(() => {
console.log(this.$refs.child.$el); // 输出子组件的根 DOM 元素
});
}
}
```
阅读全文