VUE:兄弟组件间传参
生活随笔
收集整理的這篇文章主要介紹了
VUE:兄弟组件间传参
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。
1、定義一個中間??eventBus.js??,只有 2 行代碼,用于傳參:
// 此頁面是vue 巴士,用于兄弟組件間通信 import Vue from 'vue' export default new Vue()2. 在要傳參和接收參數的各個兄弟組件中引入這個 js :
// 巴士:用于兄弟組件間傳值 import bus from "../../../../../static/base/eventBus.js";3. 參數 傳出:
// 傳參到兄弟組件:queryBtn。queryParamMap是參數,可以傳多個參數,用逗號分隔 // bus.$emit("監聽的事件名", 參數);bus.$emit("queryParam", queryParamMap);4. 接收:( 可同時多個兄弟組件接收。?)
bus.$on("queryParam", queryParamMap => {...}這樣就可以了。
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的VUE:兄弟组件间传参的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: UI线程和Windows消息队列
- 下一篇: Windows消息循环机制详细概述