vue element ui 子组件向父组件传值

写项目碰到弹窗（子组件）向他的父组件传值，具体如下：

父组件：

<Zjhinfo v-if="ZjhinfoVisible" ref="Zjhinfo" @tellFatherName="getMySonName"></Zjhinfo>//子组件向父组件传值getMySonName(data) {this.dataForm.zjh = data.zjh[0]this.dataForm.zjxm=data.zjxm[0]this.dataForm.dwmc=data.dwmc[0]this.dataForm.zyjszw=data.zyjszw[0]}

子组件：

Submit(zjh,zjxm,dwmc,zyjszw) {this.$emit('tellFatherName',{zjh:zjh,zjxm:zjxm,dwmc:dwmc,zyjszw:zyjszw})this.visible=false}

步骤：

1.子组件关闭触发函数写：

this.$emit('tellFatherName',{zjh:zjh,zjxm:zjxm,dwmc:dwmc,zyjszw:zyjszw})

向父组件的@tellFatherName触发函数传递参数，父组件函数触发后直接data接收。

2.父组件接收：

//子组件向父组件传值getMySonName(data) {this.dataForm.zjh = data.zjh[0]this.dataForm.zjxm=data.zjxm[0]this.dataForm.dwmc=data.dwmc[0]this.dataForm.zyjszw=data.zyjszw[0]}

vue element ui 子组件向父组件传值相关推荐

Vue+element UI实现“回到顶部”按钮组件
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/caomage/article/details/85006973 背景开发框架是vue+webpac ...
vue+element 子组件调用父组件失败
项目中遇到vue子组件调用父组件的方法,我写的是this.$emit('search');但是没有成功,查了下说有三种子组件调用父组件的方式: 第一种方法是直接在子组件中通过this.$parent. ...
vue 子页面调用父页面的参数_Flutter子组件调用父组件方法修改父组件参数
子组件调用父级组件方法的主要实现是父组件给子组件传入一个方法,然后在子组件中调用父级方法来修改父级的参数.看一下效果图父级组件实现在父级组件中写一个_editParentText的方法来修改组件中 ...
vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法...
(vue.js)vue 父组件使用keep-alive和infinite-scroll导致在子组件触发父组件的infinite-scroll方法"问题疑问,本网通过在网上对" (v ...
Vue.js子组件向父组件通信
一.场景描述: 曾经有个电商项目,其中有个"老带新"模块,而且该模块新增的入口很多,但是新增后展示效果还不一样,当时就考虑将新增的组件单独拿出来,其实就是一个子组件向父组同步数据的 ...
vue子组件获取父组件数据_在vue.js中父组件是如何向子组件传递数据的？
本文只有一个学习点. 父组件如何向子组件传递数据. 一起学习,更多文章请关注我的头条号,我是落笔承冰. 一.先创建一张空白网页index.html,在head标签里设置好vue的链接库. 二.写一个绑 ...
vue父组件使用子组件函数，vue子组件使用父组件函数
(1)vue中父组件调用子组件函数用法: 子组件上定义ref="refName", 父组件的方法中用 this.$refs.refName.method 去调用子组件方法详解: ...
vue 父链和子组件索引_vue子组件和父组件双向绑定的几种方案
v-model案例模仿v-model实现案例我是一串要和内部名字联动的一串文字(父组件) 父组件改变值带动(父组件)点一下试试 .sync方案实现案例这是父组件的东西.利用这个框改变值,看看有没 ...
VUE：父子组件间传参、子组件传值给父组件、父组件传值给子组件
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. Vue是一个轻量级的渐进式框架,对于它的一些特性和优点在此就不做赘述,本篇文章主要来探讨一下Vue子 ...

vue element ui 子组件向父组件传值

vue element ui 子组件向父组件传值相关推荐

最新文章

热门文章