vue3 获取dom元素却获取到了一个代理对象如何解决

我们可以使用 ref() 函数来获取 DOM 元素。具体操作如下：

<template>
  <div ref="myRef">DOM元素</div>
</template>

<script>
import { ref, onMounted } from 'vue';

export default {
  setup() {
    const myRef = ref(null); // 初始化值为 null

    onMounted(() => {
      console.log(myRef.value); // 打印出 DOM 元素
    });

    return {
      myRef
    }
  }
}
</script>

使用 ref() 函数可以避免直接操作 DOM 元素，符合 Vue3 的设计理念。