vue3 (四) 通过ref对象传递子组件的方法给父组件调用

有这么个业务场景,点击保存按钮的时候获取子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();

猜你喜欢

转载自blog.csdn.net/weiyongliang_813/article/details/126736833