美文网首页WEB开发
vue父组件接收多个子组件参数的同时,接收自身参数的方法

vue父组件接收多个子组件参数的同时,接收自身参数的方法

作者: 情有千千节 | 来源:发表于2019-03-11 16:03 被阅读0次

参考文章

遇到一种情况,接收子组件传来的参数的同时,还想将父组件本身参数传进事件中,找到以下解决方法

1 子组件传出单个参数时:

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

2. 子组件传出多个参数时:

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

相关文章

  • vue父组件接收多个子组件参数的同时,接收自身参数的方法

    参考文章 遇到一种情况,接收子组件传来的参数的同时,还想将父组件本身参数传进事件中,找到以下解决方法 1 子组件传...

  • $emit()常用用法

    组件传单个值时,父组件中在接收参数的同时添加自定义参数 组件传多个值时,父组件中在接收参数的同时添加自定义参数

  • vue3 子组件回调父级组件、监听父级传参

    子组件接收父级组件中定义的事件 子组件接收参数 子组件向父级暴露函数 监听父级参数

  • Vue组件之间的数据传递

    1、父子组件传递父组件传给子组件通过props方法接收参数子组件传给父组件:$emit方法传递参数2、非父子组件创...

  • 2018-07-26

    vue组件相关练习1、设计组件定义、分类(全局、局部组件)、2、组件传值、父传值给子组件,用props参数接收子传...

  • React单向数据流(五)

    父组件可以向子组件传值,但是子组件不能直接改变这个值。 父组件这五个子组件都会接收到list这个参数 假设 Rea...

  • 父子组件传值

    1.父组件向子组件传值: 父组件通过属性的方式传递参数,子组件通过props来接收父组件传递过来的参数 2.子组件...

  • 02.3 - vue 组件间传参 emit

    一、简介 二、用法 1、子组件 设置传参的事件和传递的参数 2、父组件接收参数

  • vue组件通信

    1.父组件传递数据给子组件 思路:在父组件中定义inputValue属性,然后再props接收参数注意此方法是传递...

  • PropTypes与DefaultProps的应用

    每个组件都有自己的props参数,这些参数是从父组件接收的属性。在接收参数的时候,我们该如何对参数类型做校验,如何...

网友评论

    本文标题:vue父组件接收多个子组件参数的同时,接收自身参数的方法

    本文链接:https://www.haomeiwen.com/subject/chebpqtx.html