有这么个业务场景,点击保存按钮的时候获取子form的数据,提交后台。
vue2的时候直接this.$refs.formObj.getData()即可。
vue3后这样写就不行了,度娘了下才知道,需要通过defineExpose申明才行。
/**
* 返回接口操作
*/
const getData= () => {
return state.domainData;
}
defineExpose({getData});
只有申明后才能调用
const panelForm = ref(null);
//获取数据
let data=(panelForm.value as any).getData();