Vue3+TS项目中,父组件用ref方式调用子组件方法时报错导致编译不通过
this.$refs.permissionModal.childMethods() ERROR: Object is of type 'unknown'.
尝试解决成功的一种方法:
在子组件的生命周期函数中
mounted() { //将this抛给父组件,让父组件能够调用本组件的方法 this.$emit('childThis', this) },
在父组件中
<template> <Child @childThis="childThisReceive"/> </template>
childThisReceive(childThis: any) { this.childThis = childThis },
用这种方式调用
this.childThis.childMethodsXXX()