怎么在父组件的子组件的子组件去触发父组件中的方法

为了在父组件中触发子组件的方法，可以使用Vue.js中的自定义事件。在子组件中定义一个自定义事件，然后在父组件中监听该事件并调用相应的方法。如果需要在子组件的子组件中触发父组件的方法，可以通过子组件向上传递事件来实现。

具体步骤如下：

1.在子组件中定义一个自定义事件，例如`childEvent`，并在需要触发父组件方法的地方使用`$emit`方法触发该事件，例如：

// 子组件中
methods: {
  triggerParentMethod() {
    this.$emit('childEvent');  }
}

2.在父组件中使用`v-on`指令监听该事件，并调用相应的方法，例如：

<!-- 父组件中 -->
<template>
  <div>
    <child-component v-on:childEvent="parentMethod"></child-component>
  </div>
</template>

<script>
  export default {
    methods: {
      parentMethod() {
        console.log('父组件方法被触发了');
      }
    }
  }
</script>

3.如果需要在子组件的子组件中触发父组件的方法，可以在子组件中定义一个自定义事件，并在需要触发父组件方法的地方使用`$emit`方法触发该事件，然后在父组件中监听该事件并调用相应的方法，例如：

// 子组件中
methods: {
  triggerParentMethod() {
    this.$emit('grandChildEvent');
  }
}

// 父组件中
<template>
  <div>
    <child-component v-on:childEvent="parentMethod">
      <grand-child-component v-on:grandChildEvent="parentMethod"></grand-child-component>
    </child-component>
  </div>
</template>