vuejs 3 composition api getCurrentInstance($refs)

Question

我有一个问题

我可以访问$ref在onmounted函数但是注:导入getCurrentInstance我在提交函数

中得到以下错误Uncaught TypeError: Cannot read properties of null (reading 'ctx')

const submit = () => {
getCurrentInstance().ctx.$refs.modalLoading.openModal()
}
onMounted(() => {
getCurrentInstance().ctx.$refs.modalLoading.closeModal()
})

Answer 1

由于getCurrentInstance通常不应该使用，您应该遵循模板参考指南。

<!—- inside the template —->
<my-modal ref="modalLoading" />

// your component
export default defineComponent({
setup() {
const modalLoading = ref(null);
const handleSubmit = () => {
If(!modalLoading.value) return;
modalLoading.value.openModal();
}
return { modalLoading };
}
})