1. 程式人生 > >vue中子元件向父元件傳遞引數(通訊)

vue中子元件向父元件傳遞引數(通訊)

vue構建專案時,在元件內部引用了子元件,子元件的資料更新或者狀態更新,需要向父級元件傳遞引數,在傳遞上如下進行定義:

子元件中,在需要向父級元件傳遞引數的方法中,使用emit傳遞引數

this.$emit('loadsuc', true);

父元件中,v-on:loadsuc 來監聽和接收引數

<template>
  <div>
    <hometask v-on:loadsuc="loadflag"></hometask>
  </div>
</template>
<script>
  import hometask from '../basis/hometask.vue'
  export default {
    components: {
      hometask
    },
     methods: {
      loadflag(data) {
          // 接收到的引數在data中
         console.log(data)
       }
    },
 }
</script>
採用上述方法,即可完成從子元件向父元件傳遞引數(通訊)。本文結。