vue3怎么获取dom元素
时间: 2023-07-14 14:55:25 浏览: 106
在vue中获取dom元素内容的方法
在 Vue 3 中,你可以通过 `ref` 来获取 DOM 元素。具体步骤如下:
1. 在 `setup()` 函数中使用 `ref()` 方法创建一个 `ref` 对象,如:`const myRef = ref(null);`
2. 在需要获取 DOM 元素的标签上使用 `v-bind` 指令将 `ref` 对象绑定到 `ref` 属性上,如:`<div ref="myRef"></div>`
3. 在 `onMounted()` 钩子函数中,使用 `myRef.value` 获取 DOM 元素,如:`console.log(myRef.value);`
注意:在 Vue 3 中,`$refs` 不再是响应式的,因此建议使用 `ref` 进行 DOM 元素获取。
阅读全文