Vue3 子组件传给父组件（方法） 弹窗案列

父组件

弹窗绑定 ref="menuDialogRef"

html内容

 js中代码编写

const JsonForm = defineAsyncComponent(()=>import('/@/views/main/drive/dialog.vue'))

const menuDialogRef = ref(); //修改组件弹窗

//父组件点击事件
const onOpenEditRole = () => {

     //接收子组件的弹窗openDialog()为子组件方法
    menuDialogRef.value.openDialog()


};

子组件

 主要暴露方法openDialog （）弹窗逻辑

暴露变量：

defineExpose({

  openDialog,

});