Vue 子组件调用父组件中的方法

Vue 子组件调用父组件中的方法

1.通过this.$parent.event调用父组件中定义的方法

子组件

<template>
  <div id="son">
    <h6>子组件</h6>
    <button @click="childMethod()">$parent方式调用父组件方法</button>
  </div>
</template>

<script>
export default {
   
  name: 'Son',
  methods: {
   
    childMethod() {
   
      this.$parent.fatherMethod()
    }
  }
}
</script>

<style></style>

父组件

<template>
  <div id="father">
    <h1>父组件</h1>
    <Son>