vue - 父子组件通信之$emit传多个参数

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_33242126/article/details/88558746

遇之,记之。

子组件传出单个参数时:

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

子组件传出多个参数时:

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

需求:

父页面中用到子组件(日期组件),点击日期时,不仅要把点击日期传到父页面,还要把其索引(index)传出,父页面以作其他处理。

子组件:

父组件:

日期组件如下:(日&&月)

参考链接:vue $emit子组件传出多个参数,如何在父组件中在接收所有参数的同时添加自定义参数

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

猜你喜欢

转载自blog.csdn.net/qq_33242126/article/details/88558746