Vue3 获取 DOM 元素

Vue3 中使用 ref 获取 DOM 元素的方法，包括 Composition API 的使用以及一些常见的错误和解决方法。

2023年12月7日

Mt.r

VUE3 获取 dom 元素

<div ref="myDiv"></div>

const myDiv = ref(null);
onMounted(() => {
  console.log(myDiv.value);
});

但是如果是用 Composition API 的话，setup 中就无法获取了，可以试着在 yourRef.value.$el 中获取。

const myDiv = ref(null);
onMounted(() => {
  console.log(myDiv.value.$el);
});