vue3 ts 如何让子组件通过 defineExpose 暴露的方法有代码提示

• 前端

有时，你可能需要为一个子组件添加一个模板引用，以便调用它公开的方法。举例来说，我们有一个  Child 子组件，它有一个打开模态框的方法：



import { ref } from 'vue'

const isContentShown = ref(false)
const open = () => (isContentShown.value = true)

defineExpose({
  open
})

 为了获取 MyModal 的类型，我们首先需要通过 typeof 得到其类型，再使用 TypeScript 内置的 InstanceType 工具类型来获取其实例类型：



import MyModal from './MyModal.vue'

const modal = ref<InstanceType | null>(null)

const openModal = () => {
  modal.value?.open()
}

官网跳转 Vue官方文档

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://net2asp.com/040f388800.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐