子组件通过this.$emit方式向父组件传递参数的问题

　　子组件通过this.$emit向父组件传递参数，并且又需要在父组件中使用自定义参数的时候，对应下面两种情况，来接受参数

子组件传出单个参数时：

// 子组件
this.$emit(‘test‘,this.param)
// 父组件
@test=‘test($event,userDefined)‘

子组件传出多个参数时：

// 子组件
this.$emit(‘test‘,this.param1，this.param2, this.param3)
// 父组件 arguments 是以数组的形式传入
@test=‘test(arguments,userDefined)‘

参考文献

https://github.com/vuejs/vue/...

原文地址：https://segmentfault.com/a/1190000016726750

原文地址：https://www.cnblogs.com/david-lcw/p/11784811.html

时间： 2024-11-09 06:03:04

子组件通过this.$emit方式向父组件传递参数的问题的相关文章

vue.js组件之间通讯--父组件调用子组件的一些方法，子组件暴露一些方法，让父组件调用

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"></div></body><script src="node_modules/vue/

WinForm页面之间（父页面传递参数给子页面）传递参数

方法一通过构造函数: 父页面(frmMain)点击btnQuery按钮进入子页面(frmListInfo),将数据库名(pdtDB)传递给子页面父页面代码: private void btnQuery_Click(object sender, EventArgs e) { string pdtDB = FISTools.TAttributeCollection.ProductInfo["DatabaseName"].ToString();//数据库名 this.TopMost = f

vue组件的原始初始化方式以及全局组件与局部组件的区分

<!DOCTYPE html> <html> <head> <title></title> </head> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <body> <div id="app1">  全局组件: <cpn>&l

C# 一个子窗体向父窗体传递参数的例子

一.编码思路在父窗体使用Lambda表达式自定义事件赋给子窗体内定义的事件,通过在子窗体内调用事件实现传参二.传递的参数创建文件SomeUtility.cs,在类SomeUtility中声明结构ReturnStruct using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace EventTest {

子组件通过$emit触发父组件的事件时，参数的传递

子组件.vue <template> <div> <el-table :data="comSchemaData" highlight-current-row height="517" @row-click="quoteProps"> <el-table-column label="schema名称" prop="name"> </el-table-col

vue子组件向传父组件传值

子组件: <template> <div class="app"> <input @click="sendMsg" type="button" value="给父组件传递值"> </div> </template> <script> export default { data () { return

vue组件之间传值、父组件获取子组件的方法

1.子组件向父组件传值子组件 <template> <div class="app"> <input @click="sendMsg" type="button" value="给父组件传递值"> </div> </template> <script> export default { data () {

vue子组件给父组件传值

子组件: <template> <div class="app"> <input @click="sendMsg" type="button" value="给父组件传递值"> </div> </template> <script> export default { data () { return { //将msg传递给父组件 msg: "我是

vuejs子组件向父组件传递数据

子组件通过$emit方法向父组件发送数据,子组件在父组件的模板中,通过自定义事件接收到数据,并通过自定义函数操作数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="