<script src="../../script/vue-lazyload.js"></script>
<img v-lazy="remoteUrl + pics_url" class="xunjian_pics" v-for="pics_url in item.pics_text">
Vue.use(VueLazyload, {
preLoad: 1.3,
error: '../../image/error.png',
attempt: 1,
filter: {
progressive(listener, options) {
// 實現漸近式加載圖片(先加載模糊的圖)
listener.el.setAttribute('lazy-progressive', 'true')//暫時不知道這個配置有什么用
//調用apicloud原裝模塊
api.imageCache({
url: listener.src
}, function(ret, err) {
if (ret.status) {
listener.src = ret.url;
console.log(listener.src);//在v-lazy中顯示的圖片路徑
} else {
listener.src = ret.url;
console.log(listener.src);
}
})
},
}
});