<RoleDialog ref="roleDialogRef" @refresh="addRoleSubmit" /> //定义ref,使用ref操作子组件暴露的方法,此操作也可以传递参数 const roleDialogRef = ref(); roleDialogRef.value.openDialog(type,data);
// 暴露变量 defineExpose({ openDialog, }); // 打开弹窗方法 const openDialog = (type: string, row: RowRoleType) => { if (type === 'edit') { state.ruleForm = row; state.dialog.title = '修改角色'; state.dialog.submitTxt = '修 改'; } else { state.dialog.title = '新增角色'; state.dialog.submitTxt = '新 增'; } state.dialog.isShowDialog = true; };
<RoleDialog ref="roleDialogRef" @addRowAct="addRoleSubmit" />
// 定义子组件向父组件传值/事件 const emit = defineEmits(['addRowAct']); // 提交 const onSubmit = () => { emit('addRowAct',state.ruleForm); };
//新增角色提交 const addRoleSubmit = (data:any)=>{ console.log(data); }
Made by 米云科技
Code licensed under the
Apache License v2.0.
Based on
Bootstrap.
Icons from
Font Awesome
豫ICP备18012765号-2
00001