vue3 如何获取dom元素
时间: 2024-02-18 10:55:47 浏览: 115
详解在Vue中通过自定义指令获取dom元素
5星 · 资源好评率100%
在 Vue3 中,可以使用 `ref` 函数来获取 DOM 元素。具体步骤如下:
1. 在模板中使用 `ref` 给元素命名,例如:
```html
<template>
<div ref="myDiv">这是一个 div 元素</div>
</template>
```
2. 在组件中使用 `ref` 函数获取元素,例如:
```javascript
import { ref, onMounted } from 'vue'
export default {
setup() {
const myDiv = ref(null)
onMounted(() => {
console.log(myDiv.value) // 输出 div 元素的 DOM 对象
})
return {
myDiv
}
}
}
```
阅读全文