Vue組件 父組件使用子組件中的值（子組件給父組件傳值的方法）

父組件給子組件傳值使用props自定義屬性來實現，子組件傳值給父組件可以用自定義事件和事件發射來實現，以下是具體實現方法。

一、父組件內容  @isErrShow自定義事件

<template>
  <div class="certification">
       <Success v-if="successShow"></Success>
       <error v-if="errorShow" @isErrShow="isErrshow"></error>        // @isErrShow自定義方法
       <Now v-if="nowShow"></Now>
  </div>
</template>

二、父組件方法

methods:{
    isErrshow(data){
           //data就是子組件傳過來的值
            console.log(data)
            this.data=data;
        
      }

}        

三、子組件內容

<template>
  <div>
          <el-button type="danger" @click="togo">重新認證</el-button>
  </div>
</template>

四、子組件傳值方法，通過this.$emit(name,value)。name對應的是父組件自定義方法的名稱，value則是子組件需要傳給父組件的值。

 methods: {
      togo(){
        this.$emit('isErrShow',"1")    //事件發射
      }
 }