vue3获取dom元素的例子
时间: 2023-10-16 13:09:22 浏览: 119
Vue获取页面元素的相对位置的方法示例
可以通过ref来获取dom元素,例如:
```
<template>
<div ref="myDiv">Hello World</div>
</template>
<script>
import { ref, onMounted } from 'vue'
export default {
setup() {
const myDiv = ref(null)
onMounted(() => {
console.log(myDiv.value) // 输出div元素
})
return { myDiv }
}
}
</script>
```
参考资料:[vue3官方文档](https://v3.cn.vuejs.org/guide/composition-api-template-refs.html#%E6%A8%A1%E6%9D%BF%E5%BC%8F-ref)
阅读全文