vue - 父子组件通信之$emit传多个参数
生活随笔
收集整理的這篇文章主要介紹了
vue - 父子组件通信之$emit传多个参数
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
20190912,最近發現用這種方法在嚴格模式下打包會報錯,請參考我的另一篇文章:
JS報錯-Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on...
?
遇之,記之。
子組件傳出單個參數時:
// 子組件 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
總結
以上是生活随笔為你收集整理的vue - 父子组件通信之$emit传多个参数的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 2021年机关作风效能建设工作意见3篇
- 下一篇: 谁是卧底的词语锦集104个