首页vue3如何获取dom

vue3如何获取dom

时间: 2023-11-10 21:56:40 浏览: 168

在Vue3中，可以使用`ref`来获取DOM元素。`ref`可以用于创建一个响应式的引用，用于存储DOM元素的引用。可以通过`$refs`来访问`ref`创建的引用，从而获取DOM元素。例如，可以使用如下方式来获取一个`<div>`元素的引用： ``` <template> <div ref="myDiv">Hello World!</div> </template> <script> export default { mounted() { console.log(this.$refs.myDiv) // 输出<div>元素的引用 } } </script> ``` 注意，在Vue3中，使用`$refs`获取DOM元素的引用，需要确保元素已经被渲染到页面上。因此，最好在`mounted`钩子函数中使用`$refs`来获取DOM元素的引用。

阅读全文