vue3 获取dom标签节点
时间: 2023-09-15 13:20:03 浏览: 114
在vue中获取dom元素内容的方法
在Vue3中,可以通过ref来获取DOM节点。具体步骤如下:
1. 在标签上添加ref属性,指定一个名称,例如:
```
<div ref="myDiv"></div>
```
2. 在Vue组件中使用$refs来获取该DOM节点,例如:
```
export default {
mounted() {
const myDiv = this.$refs.myDiv;
console.log(myDiv);
}
}
```
这样就可以在mounted钩子函数中获取到DOM节点,并进行操作。注意,DOM节点只有在组件渲染后才能获取到。
阅读全文