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()

 

posted @ 2020-11-05 16:58  我的祈愿  阅读(6584)  评论(0编辑  收藏  举报