圖片懶加載,需要在assets中新建一個utils下新建一個index.js,內(nèi)容如下
import echo from '../libs/echo.js'
export function lazyImg(){
? ? echo.init({
? ? ? ? offset:100, //可視區(qū)域多少像素可以被加載
? ? ? ? throttle:0 //設(shè)置圖片延遲加載的時間
? ? });
}
//需要的頁面中引入
import {lazyImg} from '../../../assets/js/utils'
方法中用this.$nextTick獲取都沒元素
this.$nextTick(()=>{
? lazyImg();
});
頁面中圖片這樣寫<img src="../../../assets/images/common/lazyImg.jpg" :data-echo="item.image" alt="">