鍍金池/ 問答/HTML/ VUX中XImg組件加載圖片不正確,BusPlugin不好使,求解

VUX中XImg組件加載圖片不正確,BusPlugin不好使,求解

問題描述

使用vux中的XImg組件, 偶爾加載不出來最終想要的圖片src,而是呈現(xiàn)default-src

我的代碼實現(xiàn)

  1. import vux自定義的BusPlugin不太好使(它沒有在vue原型上注冊$vux.bus, 模版實例中用this.$vux.bus來引用不行,自己又不會配置),于是這里在main.js中仿照vux的寫法自己定義了一個bus

<x-img default-src="http://dev.hotkidclub.com/ceo/static/images/loading.png" src="http://www.hotkidclub.com/res/ceo/product/template/118/banner_1510301402507.jpg" width="100%"></x-img>
/* bus plugin */
const bus = new Vue({})
Vue.prototype.$vux = {
  bus: bus
}
Vue.use(bus)
  1. 在自己的模版頁面中調(diào)用方法(包括在mounted鉤子和API接口請求回調(diào)里面都有試過)

this.$vux.bus && this.$vux.bus.$emit('vux:after-view-enter')
  1. 我敢確認我的觸發(fā)器執(zhí)行了,但是沒卵用,手機上不停的刷新當前頁面,依舊會出現(xiàn)default-src(pc端出現(xiàn)的幾率極?。?。連on-success, on-error都沒有觸發(fā)。

  2. 更有趣的問題來了,試一試在created鉤子里加一個定時器,原本呈現(xiàn)正確的src,3秒后變成了default-src。附上代碼和截圖以及打印的日志

![![圖片描述
圖片描述
圖片描述

setTimeout(() => {
    this.$vux.bus && this.$vux.bus.$emit('vux:after-view-enter')
 }, 3000)

請求援助

小弟不才實在不知道該如何處理,不知道可有哪位前輩跨過了這個坑。還請解答指教一番,謝謝了。挺喜歡這個懶加載的,實在不行可能得換一個組件了

回答
編輯回答
赱丅呿

$vux.bus && $vux.bus.$emit('vux:after-view-enter')

我也是找了半天沒找到 他在哪里注冊的$vux 郁悶了

2017年10月29日 07:57