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