vue $emit 父組件與子組件之間的通信(父組件向子組件傳參)


1、首先新建一個子頁面為 env.vue的文件(名字這里大家可以自取)

2、然后把子頁面引入父頁面,代碼如圖:

import env from '@/components/common/env'
export default { name: 'xxxxxxxxxxxxxxxx', components: { env }
}

在需要添加的地方寫上<env></env>

<template scope="scope">
    <env :rowData="scope.row" v-on:envLookData="lookData"></env>
</template>

3、子組件頁面代碼如圖:

export default {
   name: 'env',
    props: {
      rowData:Object    //props里面的 rowData:Obiect, 這個是 定義一個傳值類型(props 可以是數組或對象,用於接收來自父組件的數據)
    },
    methods: {
      runTimeEnvFnc(){
        this.$emit("envLookData", this.rowData, this.rowData.productEnvVersion); //$emit是觸發當前實例上的事件。"envLookData"是從父組件傳遞過來的值
      }
    }
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM