我們都知道在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...