图片懒加载,需要在assets中新建一个utils下新建一个index.js,内容如下
import echo from '../libs/echo.js'
export function lazyImg(){
echo.init({
offset:100, //可视区域多少像素可以被加载
throttle:0 //设置图片延迟加载的时间
});
}
//需要的页面中引入
import {lazyImg} from '../../../assets/js/utils'
方法中用this.$nextTick获取都没元素
this.$nextTick(()=>{
lazyImg();
});
页面中图片这样写<img src="../../../assets/images/common/lazyImg.jpg" :data-echo="item.image" alt="">
网友评论