子组件调用爷爷组件的方法

子组件可以通过使用provide/inject来调用爷爷组件的方法。在爷爷组件中使用provide提供需要调用的方法，然后在子组件中使用inject来注入这个方法。具体操作如下所示：

在爷爷组件中：

export default {
  provide() {
    return {
      fatherMethod: this.fatherMethod
    }
  },
  methods: {
    fatherMethod() {
    // 爷爷组件的方法逻辑
    }
  }
}

在子组件中：

export default {
  inject: ['fatherMethod'],
  methods: {
    childMethod() {
      this.fatherMethod() // 子组件调用爷爷组件的方法
    }
  }
}

通过上述操作，子组件就可以调用爷爷组件中提供的方法了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [爷孙组件，孙子组件调用爷爷组件的方法](https://blog.csdn.net/weixin_47163986/article/details/129161357)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue组件 孙组件 调用爷组件（祖父组件）的方法](https://blog.csdn.net/qq_44224811/article/details/127846294)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]