vue的 bus傳遞引數遇到的問題

2021-10-07 13:14:03 字數 427 閱讀 6173

我們都知道在vue中兄弟元件傳參可以使用$bus來進行

1.在元件a中:

this.$bus.$emit('test', '1111')
2.在a元件的兄弟元件b元件mounted中:

this.$bus.$on('test', str => )
在最近的專案中我遇到了乙個問題,a元件發**一次,但是b元件重新渲染後卻接收了兩次,這是為什麼呢?

其實就是類似js的原生事件繫結,this.bus

.bus.

bus.

on進行了追加繫結而非覆蓋,所以每次用之前最好

this.$bus.$off('test')

this.$bus.$on('test', str => )

Vue中的 Bus使用

bus.js import vue from vue let bus new vue export default bus 建立兩個兄弟組建 c2.vue c1.vue c1 index.vue 注意 這種引入方式,經過webpack打包後可能會出現bus區域性作用域的情況,即引用的是兩個不同的bu...

vue中路由引數傳遞可能會遇到的坑

前言 vue中路由跳轉傳引數有多種,自己常用的是下面的幾種 首先我的路由的定義 我從a元件跳轉到b元件,並通過路由資訊物件傳遞一些引數 this.router.push query 在b元件中獲取引數 this.route.query.paramb b this.route.params.param...

vue 使用elementUI遇到的打包問題

在專案開發過程中,很多時候專案會用到ui框架,以後的幾篇文章中,簡單來說說在用elementui在專案中遇到的問題 建立乙個vue的新專案時,運用到elementui框架,專案打包後就會發現,訪問index.html檔案報錯了 這時我們改下config資料夾下的index.js檔案,assetspu...