VUE 子组件中 THIS.$PARENT 无法调用父组件的自定义方法,TypeError: this.$parent.xxx is not a function的问题

因为是小白,所以这个问题废了我九牛二虎之力,话不多说。

简单描述:遇到了在子组件中利用this. p a r e n t 调 用 父 组 件 的 自 定 义 方 法 , 报 T y p e E r r o r : t h i s . parent调用父组件的自定义方法,报TypeError: this. parentTypeError:this.parent.xxx is not a function的错,可是在父组件明明定义了该方法,随即就在子组件中打印了this. p a r e n t , 通 过 控 制 台 的 打 印 , 发 现 打 印 出 来 的 t h i s . parent,通过控制台的打印,发现打印出来的this. parentthis.parent并不是该组件的父组件,而是element UI的组件,原来是在父组件引用子组件的时候 还在外面套了一层 UI 组件导致的。

VUE 子组件中 THIS.$PARENT 无法调用父组件的自定义方法,TypeError: this.$parent.xxx is not a function的问题_第1张图片
解决方法:去检查父组件引用子组件的地方,检查是否引用的UI 是否形成闭环 或是 闭环位置是否正确

你可能感兴趣的:(vue)