20190912，最近發(fā)現(xiàn)用這種方法在嚴(yán)格模式下打包會(huì)報(bào)錯(cuò)，請(qǐng)參考我的另一篇文章：

JS報(bào)錯(cuò)-Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on...

?

遇之，記之。

子組件傳出單個(gè)參數(shù)時(shí)：

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

子組件傳出多個(gè)參數(shù)時(shí)：

// 子組件 this.$emit('test',this.param1，this.param2, this.param3) // 父組件 arguments 是以數(shù)組的形式傳入 @test='test(arguments,userDefined)'

需求：

父頁面中用到子組件（日期組件），點(diǎn)擊日期時(shí)，不僅要把點(diǎn)擊日期傳到父頁面，還要把其索引（index）傳出，父頁面以作其他處理。

子組件：

父組件：

日期組件如下：（日&&月）

?

?

參考鏈接：vue $emit子組件傳出多個(gè)參數(shù)，如何在父組件中在接收所有參數(shù)的同時(shí)添加自定義參數(shù)

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

總結(jié)

以上是生活随笔為你收集整理的vue - 父子组件通信之$emit传多个参数的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。