vue3 父组件传值给子组件，子组件传递函数给父组件

教训，当父组件定义传值给子组件时，

<EditBasicinformation ref="editBasicInfoRef" v-model="BasicInformationItem" :activeName="activeName" />

使用v-model绑定值得时候，子组件接受时一定要定义变量为modelValue，不然拿不到值
 

const props = defineProps({ modelValue: { type: Object, default: () => ({}) }, activeName: { type: String, default: "" } }); //父组件传值

子组件传递函数给父组件

子组件中定义defineExpose暴露给父组件

defineExpose({
  SubmitBasicInformationForm,
});

父组件中使用ref绑定

<EditBasicinformation ref="editBasicInfoRef" v-model="BasicInformationItem" :activeName="activeName" />

调用 
 

const editBasicInfoRef = ref<{ SubmitBasicInformationForm: () => void } | null>(null); 
const SubmitBasicInformationForm = async () => {
  editBasicInfoRef.value?.SubmitBasicInformationForm;
};