vue3 下this.$refs.utoast.show报错

在Vue3中，this.$refs已经被废弃，不再推荐使用。取而代之的是使用新的组合式API来操作DOM元素。
你可以通过在模板中使用ref属性来获取一个对元素或组件实例的引用，并在setup函数中使用ref()来声明一个响应式的ref对象。
要解决报错问题，你可以按照以下步骤进行操作：
1. 在模板中的utoast元素上添加ref属性，例如：\<utoast ref="utoast">\</utoast>
2. 在setup函数中导入ref：import { ref } from 'vue';
3. 在setup函数中使用ref()声明一个名为utoastRef的ref对象：const utoastRef = ref(null);
4. 将utoastRef传递给utoast组件的ref属性：\<utoast ref="utoastRef">\</utoast>
5. 要在其他地方访问该组件，可以使用utoastRef.value进行访问，例如：utoastRef.value.show()。
这样，你就可以在Vue3中正确地使用ref来获取和操作组件实例，避免了报错问题。记得在使用前确保确保utoast组件具有show()的方法。