在vue3中使用子组件中的方法,和vue2类似
- 父组件设置ref值
<DefectList ref="defectListRef" />
- 组件获取实例
// 获取字组件实例
const defectListRef = ref()
- 在父组件自定义方法内直接调用
// 触发子组件函数
defectListRef.value.parentTriggerTable(res.defectResult)
4.子组件内设置对外公开的变量 因为使用
// 父组件触发改函数
const parentTriggerTable = () => {
console.log('触发数据', 11)
}
// 特别注意defineExpose 一定写在函数后面 不然还会报错
defineExpose({ parentTriggerTable })