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

最新推荐文章于 2024-04-26 17:54:13 发布

牛赛赛

最新推荐文章于 2024-04-26 17:54:13 发布

阅读量804

点赞数 1

分类专栏： vue js html 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_47163986/article/details/129161357

版权

js 同时被 3 个专栏收录

6 篇文章 0 订阅

订阅专栏

vue

4 篇文章 0 订阅

订阅专栏

html

2 篇文章 0 订阅

订阅专栏

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

爷爷组件

<template>
  <p>
    <child>爷爷组件</child>
  </p>
</template>
<script>
  import child from '~/components/dam/child';
  export default {
    components: {
      child
    },
    provide(){
     return{ 
      fatherMethod:this.fatherMethod
      }
    },
    methods: {
      fatherMethod() {
      }
    }
  };
</script>

孙子组件

<template>
  <p>
    <button @click="childMethod()">孙子组件</button>
  </p>
</template>
<script>
  export default {
    methods: {
      childMethod(){
        this.fatherMethod()
      }
    }；
    inject：['fatherMethod']
  };
</script>