vue 子組件 $emit方法 調用父組件方法

 

 

$emit方法

 

父組件

 

<template>
  <div>
    <child @callFather="activeSon"></child>
  </div>
</template>
<script>
  import child from '@/components/child';
  export default {
    components: {
      child
    },
    methods: {
      fatherMethod() {
        console.log('father組件');
      },
      activeSon(){
        this.fatherMethod()
      }
    }
  }
</script>

 

子組件

 

<template>
  <div @click="activeBtn"> </div>
</template>
<script>
  export default {
    methods: {
      activeBtn() {
        this.$emit("callFather")
      }
    }
  }
</script>