問題描述

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

我的代碼實(shí)現(xiàn)

1. import vux自定義的BusPlugin不太好使（它沒有在vue原型上注冊$vux.bus, 模版實(shí)例中用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. 我敢確認(rèn)我的觸發(fā)器執(zhí)行了，但是沒卵用，手機(jī)上不停的刷新當(dāng)前頁面，依舊會出現(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)

請求援助

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