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"是从父组件传递过来的值
      }}
}

转载于:https://www.cnblogs.com/hezihao/p/7411746.html

vue $emit 父组件与子组件之间的通信（父组件向子组件传参）相关推荐

Android笔记（三十一）Android中线程之间的通信（三）子线程给主线程发送消息...
先看简单示例:点击按钮,2s之后,TextView改变内容. package cn.lixyz.handlertest;import android.app.Activity; import andr ...
QT小例子GUI（主）线程与子线程之间的通信
QT小例子GUI(主)线程与子线程之间的通信在主线程上,可以控制子线程启动,停止,清零如果子线程启动的话,每一秒钟会向主线程发送一个数字,让主线程更新界面上的数字. #ifndef TQT_H_ ...
vue路由+ elementUI表格组件：loop文章列表页enter内容页（vue路由传参userid）- 代码篇
elementUI表格组件,response.data.newsLists列表如何循环出来?如何点击传参numId,并进入对应的内容页? 本文意图: 使用官方table组件:实现API调用:文章遍历. ...
Vue组件之间的通信-父传子-子传父
文章目录 Vue的组件嵌套 Vue组件间通信 1.父组件传递给子组件 1.1数组的方式 1.2对象的方式 2.子组件传递给父组件 Vue的组件嵌套前面我们是将所有的逻辑放到一个App.vue中: 在 ...
关于主窗体与子窗体之间的通信以及面向对象思想的一些应用
该写几篇文章啦~ 最近在搞winForm,开始的时候遇到点问题.其实也不算什么大问题,归结起来还是主窗体与子窗体之间传值.通信的问题: 这个问题在网上的解决方案有很多,一搜一大堆,比如将主窗体自身作为 ...
【组件】Vue组件之间的通信父传子 | 子传父
Android之用Handler实现主线程和子线程互相通信以及子线程和子线程之间的通信
1.上代码 activity_main.xml文件 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/ ...
微前端ice-stark主应用与子应用间的通信
微前端中都需要哪些通信主应用与子应用通信子应用之间的通信主应用与子应用通信安装store 使用 @ice/stark-data 包,需要单独安装 pnpm install @ice/stark ...
Vue.js父与子组件之间传参父向子组件传参　　例子：App.vue为父，引入componetA组件之后，则可以在template中使用标签（注意驼峰写法要改成componet-a写法，因为ht
Vue.js父与子组件之间传参父向子组件传参例子:App.vue为父,引入componetA组件之后,则可以在template中使用标签(注意驼峰写法要改成componet-a写法,因为html对 ...
vue 组件之间传值父转子，子传父，同级别之间的传参，跨级别传参
写这篇文章之前,我对vue组件之间的传值,还是只知道一些基础的传值方式.虽然工作中勉强能够应对,但是想要行云流水感觉还是心有余而力不足,所以在此,我想总结一下vue组件之间的一些传值方式供大家参考,同 ...

vue $emit 父组件与子组件之间的通信（父组件向子组件传参）

vue $emit 父组件与子组件之间的通信（父组件向子组件传参）相关推荐

最新文章

热门文章