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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了子组件通过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

以上是关于子组件通过this.$emit方式向父组件传递参数的问题的主要内容,如果未能解决你的问题,请参考以下文章

Vue 组件之间传参!

子组件向父组件传递信息

Vue.js中子组件向父组件传递信息。

vue--父组件向子组件传参--父组件定义v-bind:参数名--子组件接收props----子组件调用父组件的方法(子组件向父组件传参)父组件@事件名称--子组件接收this.$emit

element table 二次封装 父子组件传值 组件通信

用chatGPT高效学习-Vue的组件通信方式有哪些?