vue3获取元素实例
时间: 2023-08-18 19:14:57 浏览: 140
vue基本使用--refs获取组件或元素的实例
5星 · 资源好评率100%
在Vue 3中,可以使用`ref`来获取元素的实例。具体步骤如下:
1. 在模板中使用`ref`指令给元素命名,例如:
```
<template>
<div ref="myDiv">这是一个div</div>
</template>
```
2. 在组件的`setup()`函数中使用`ref`函数来获取元素的实例,例如:
```
<script>
import { ref, onMounted } from 'vue'
export default {
setup() {
const myDiv = ref(null)
onMounted(() => {
console.log(myDiv.value) // 打印出div的实例
})
return {
myDiv
}
}
}
</script>
```
上述代码中,我们使用了`onMounted`钩子函数来确保在组件挂载后才打印出`myDiv`的实例。同时,我们将`myDiv`作为`setup()`函数的返回值,这样就可以在模板中使用它了。
阅读全文