1. 程式人生 > >vue子元件獲取父元件方法

vue子元件獲取父元件方法

注:以下程式碼未使用esLint語法檢查
父元件:

<template>
      <div class="wrapper">
            <cp_action @parentMethod="macSelect"></cp_action>
      </div>
</template>
<script>
import ../components/action  //引入子元件
export default{
    components:{
        cp_action
    },
    method:{
        macSelect(){
            //方法體
            alert(123);
        }
    }
}
</script>

子元件:

<template>
    <div class="bet-action">
        <span class="mac-select" @click="childMethod">機選</span>
    </div>
</template>
<script>
    export default{
      methods: {
          childMethod() {
              console.log('請求父元件方法');
              this.$emit('parentMethod');  //使用$emit()引入父元件中的方法
          }
      },
    }
</script>