vue3使用ref调用子组TypeError: defectListRef.value.parentTriggerTable is not a function

81 阅读1分钟

在vue3中使用子组件中的方法,和vue2类似

  1. 父组件设置ref值
<DefectList ref="defectListRef" />
  1. 组件获取实例
// 获取字组件实例  
const defectListRef = ref()
  1. 在父组件自定义方法内直接调用
// 触发子组件函数  
defectListRef.value.parentTriggerTable(res.defectResult)

4.子组件内设置对外公开的变量 因为使用 

    // 父组件触发改函数  
const parentTriggerTable = () => {  
console.log('触发数据', 11)  
}
    
    // 特别注意defineExpose 一定写在函数后面 不然还会报错
    defineExpose({ parentTriggerTable })