1. 程式人生 > >vue $emit子元件傳出多個引數,如何在父元件中在接收所有引數的同時新增自定義引數

vue $emit子元件傳出多個引數,如何在父元件中在接收所有引數的同時新增自定義引數

前言

很多時候用$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