解决 vue项目中子组件调用父组件函数报错"TypeError: "this.$parent.b(p)“ is not a function,哭死我了

先发泄一下情绪,解决了好长时间,进入正题~~
1 关于子组件调用父组件函数并传参数,写正式项目前我先写了一个例子测试了一下(因为我是刚学的vuejs)
子组件代码:Child1.vue




父组件代码:Father1.vue




2 以上代码亲测好使,于是我就照搬到实际项目中,发现,,报错TypeError: "this.$parent.b(data)“ is not a function,我滴麻麻吖,尴尬了~于是百度,没有具体的解决方法,只说是因为代码布局什么的出错了,我用的是element-ui,用的是布局,于是我开始检查,看有没有缺失的括号什么的,结果没有,我又开始都注释掉标签,一边测试一边打开,结果发现把 注释掉好用,继续打开,发现又不好用了,于是又继续一边测试一边打开,发现把 注掉,发现好用l,可是布局就散了,所以就换成了

,好用了,全好用了,所以,总结出一点,出现这个错误,1 可能是你哪个标签布局括号丢了后半部分,或者标签写法,位置不对,2 你用了不该用的标签~例如我的 好尴尬,谁会想到这个会导致报错,总之,就是标签的问题~~检查标签就没毛病~

你可能感兴趣的:(解决 vue项目中子组件调用父组件函数报错"TypeError: "this.$parent.b(p)“ is not a function,哭死我了)