vue中父组件添加自定义参数后，如何获取子组件$emit传递过来的参数

时清云

已于 2022-08-29 21:41:40 修改

阅读量2.7k

点赞数 4

分类专栏： vue2.x 笔记工作学习总结文章标签：子组件emit传参，父组件接收父组件接收参数时添加自定义参数父组件怎么获取自定义参数

于 2021-07-15 15:45:06 首次发布

本文链接：https://blog.csdn.net/xiaolinlife/article/details/118760260

版权

本文介绍了在Vue中，父组件如何通过$on监听并处理子组件通过$emit传递的参数。当子组件传递的参数只有一个时，父组件可以通过$event获取；当参数有多个时，父组件可以使用arguments或者rest参数来接收。在处理这些参数的同时，父组件还能添加自己的自定义参数。在严格模式下，需要注意避免使用'arguments'作为参数名。

摘要由CSDN通过智能技术生成

vue中子组件使用$emit传参，父组件接收参数的同时添加自定义参数，如何在父组件中获取子组件传过来的参数呢，在项目中会经常遇到这样的应用场景。

本文大纲：

在这里插入图片描述

1、子组件使用emit传过来的参数只有一个时（父组件可以使用$event接收子组件传过来的参数）

子组件（child1）：

this.$emit('fromChild1','我是子组件传过来的参数--child1')

父组件：

<child1 @fromChild1="getChild1($event,'我是父组件中的自定义参数--parent1')"></child1>
 
getChild1($event,parameter){
   
    console.log($event);  // 我是子组件传过来的参数--child1
    consol