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"是從父組件傳遞過來的值 } } }
