Vue-Lazyload使用記錄
1现柠、安裝
npm install vue-lazyload --save
2、注冊
在main.js中進(jìn)行配置
import Vue from 'vue'
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
preLoad: 1.3,
//圖片加載失敗顯示的圖片
error: require('assets/img/load/error.png'),
//圖片正在加載時(shí)顯示的圖片
loading: require('assets/img/load/loading.gif'),
attempt: 1
})
3、引用
img標(biāo)簽中的:src='...'替換成v-lazy='...'采记，如下所示：
<img v-lazy="information.image" alt="">
