如何在vue3获取 DOM 元素-JZTXT

获取dom的ref元素名称，要对应暴露的名称，不然会出现无效的dom报错，也就是拿到的是null
在setup中，使用ref（null）获取dom
不能直接在setup里面拿到dom的值，因为setup对应的生命周期是created,所以必须在后续的生命周期钩子里面拿到，比如onMounted
注意：ref 不要加冒号，直接写 dom 元素名称

const test = ref(null);
    console.log(test.value); // null
    onMounted(() => {
        console.log(test.value); // <div id="test" ref="test">哈哈哈哈哈哈</div>
    });

<div id="test" ref="test">哈哈哈哈哈哈</div>

参考文档

官方文档