vue2.7版本中<script setup>里面如何通过ref获取到组件?

Question

尝试使用vue3写法 const ref名=ref(null)，无法获取到。<script setup>里面又没有this,无法通过this.$refs获取到需要的组件，求解答

Answer 1

没试过 vue2.7，不过使用 refXxx.value 都是可以获取到组件的。

不过有一点，<script setup> 相当于 created 钩子，在这个阶段，子组件还没有创建、html 也没有渲染，你直接在里面使用 refXxx.value 操作当然拿不到对象。用 onMounted 钩子或者事件响应函数的话就应该没问题。

Answer 2

亲测能获取到。你的用法应该有问题，照着楼上说的排除下。