this.$parent is not a function 子组件调用父组件方法

6 篇文章 0 订阅

子组件调用父组件方法时报的错

感谢这位大佬提供的解决方法,原文地址
地址
问题原因:this.$paren 这就话应该是获取父组件,因为我使用了element-ui 将我的子组件包了起来,获取到的父组件就是element-ui了,所以在调用父组件的方法是肯定是没有了
我这里的子组件是 navigation-left

          <el-aside
            :width="navLeftWidth + 'px'"
            class="scroll"
            v-if="navLeftShow">
            <svg class="icon fold-icon fold-icon-zd" aria-hidden="true" @click="foldMenu">
              <use xlink:href="#icon-zd"></use>
            </svg>
           <navigation-left class="nav-left" />
          </el-aside>

我的解决方法是,换一种调用方式,使用父组件监听子组件方式调用方式,(当然你也可以 this. p a r e n . paren. paren.paren… p a r e n . . . . . . 最 终 找 到 你 的 父 及 ) 不 过 这 里 使 用 t h i s . paren. ..... 最终找到你的父及) 不过这里使用 this. paren......使this.emit
这是父组件写法

<navigation-left @refreshPageData="refreshPageData" class="nav-left" />

子组件,如果有参数用逗号隔开


this.$emit('refreshPageData',this.menuArr[index]);

注意:改完最好重启一下服务,我就是因为没重启服务导致一直报错

  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值