兄弟元件的資訊通訊
let eventBus = new Vue;//建立一個例項 全域性
兄弟元件1:<my-bro1 :eventbus="eventBus"></my-bro1>
props:['eventbus'],
created(){
//基於$on建立一個自定義事件:把methods中的指定方法放到佇列中
this.eventbus.$on('自定義事件:changeEvent',methods中的方法:this.changeNum)
}
兄弟元件2:<my-bro2 :eventbus="eventBus"></my-bro2>
props:['eventbus'],
methods:{
hangdle(type){
this.eventbus.$emit('自定義事件:changeEvent',type)
}
}
父元件:
data:{
return{
eventBus:new Vue //父元件中建立一個私有的eventBus (適用
於多個子,就一個兒子就直接全域性就好了)
}
}
複製程式碼
兄弟元件之間資訊傳遞
相關文章
- vue---元件間傳遞訊息(父子傳遞訊息,兄弟傳遞訊息)Vue元件
- vue 兄弟元件之間傳值之busVue元件
- Android訊息傳遞之元件間傳遞訊息Android元件
- 父子元件資訊傳遞元件
- react元件與元件之間的資料傳遞React元件
- vue元件之間的資料傳遞Vue元件
- Vue.js 元件之間傳遞資料Vue.js元件
- vue中兄弟之間元件通訊Vue元件
- Vue元件間傳遞資料Vue元件
- 微信小程式父子元件之間的資料傳遞微信小程式元件
- gateway(二)微服務之間傳遞使用者資訊Gateway微服務
- 微信小程式--頁面與元件之間如何進行資訊傳遞和函式呼叫微信小程式元件函式
- AbilitySlice之間的傳遞值
- 資訊傳遞
- Vue之元件間傳值Vue元件
- Vue元件之間的資料傳遞(通訊、互動)詳解Vue元件
- Vue父子之間的值傳遞Vue
- 頁面之間傳遞資料
- 面試官:兄弟,說說Java到底是值傳遞還是引用傳遞面試Java
- HarmonyOS-基礎之元件資料傳遞元件
- vue兩個元件間值的傳遞或修改方式Vue元件
- Vue - 元件之間的傳值方式Vue元件
- vue---註冊元件、元件之間父子傳值Vue元件
- Android開發 - Parcelable 介面實現不同元件之間傳遞資料解析Android元件
- vue中子元件傳遞父元件$emitVue元件MIT
- vue工程利用pubsub-js實現兄弟元件之間的通訊VueJS元件
- 用雞蛋和腦袋傳遞資訊 以及你想象不到資訊傳遞方式
- 路由元件傳遞引數路由元件
- LCP 07. 傳遞資訊
- Ability之間或者程式間資料傳遞之物件(Sequenceable序列化)物件
- Vue元件之間傳值完整小結Vue元件
- 父子元件之間的傳值問題元件
- Vue.js 元件之間的傳值Vue.js元件
- postman(五):在不同介面之間傳遞資料Postman
- Linux/Unix shell sql 之間傳遞變數LinuxSQL變數
- bundle實現Activity之間的資料傳遞
- 不同順序InBoundHandler之間的資料傳遞
- vue子元件向父元件傳遞值Vue元件