2024-12-06 vue3+ts一个页面A包括了2个表格，2个表格分别是2个组件，页面A点击保存时如何获取这两个表格的数据==》defineExpose

在你的表格组件里面写一个方法function B，然后通过defineExpose来暴露给父组件页面A，例如：

 表格组件

// 表格组件
// 检验并回调表格数据
const callBackData = () => {
    return [666];
}

// 暴露回调方法
defineExpose({ callBackData })

 页面 A

<表格组件 ref="box" />

let box = ref<any>(null);

// 使用表格方法
let arr: any = box.value.callBackData();
console.log(arr); // [666]

注意：使用组件的暴露的方法时须在组件挂载后才能调用！