子组件访问父组件的父组件的ref

框架:vue
需求:在子组件中需要调用祖父组件的ref下的封装的方法。
解决办法:使用$root调用根组件,然后层层往下剥。
代码:
1.首先看解决方法。该方法是在子组件的method中调用。

checkAboutMe() {
      //用了$root去访问根组件,然后通过根组件往下寻找方法
      this.$root.$children[0].$children[0].$refs.carouselFull.setActiveItem(1);
    }

2.具体分层
第一层:this.$root指代的是根组件
第二层:this.$root.$children就是指代的是app.vue组件
第三层:this.$root.$children[0].$children就是指代的是祖父组件。
第四层:this.$root.$children[0].$children[0].$refs就是祖父组件的引用。
第五层:this.$root.$children[0].$children[0].$refs.carouselFull祖父组件的具体引用。
第六层:this.$root.$children[0].$children[0].$refs.carouselFull.setActiveItem(1)祖父组件的具体引用下的方法。

总结:this.$root是比app.vue更高一级的组件的存在。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

戎码江湖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值