Vue vue-lazyload图片懒加载
1、安装vue-lazyload2、main.js中加入以下代码import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload, {preLoad: 1.3,//距离当前dom距离页面底部的高度error: '',//加载失败的图片loading: '',//加载中的图片attempt: 1 // 图片加载失败,最多...
·
1、安装vue-lazyload
2、main.js中加入以下代码
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
preLoad: 1.3,//距离当前dom距离页面底部的高度
error: '',//加载失败显示的图片
loading: '',//加载中显示的图片
attempt: 1 // 图片加载失败,最多重试的次数
});
3、组件中使用方法示例
img标签的src替换成v-lazy
<img v-lazy="图片地址">
更多推荐
已为社区贡献4条内容
所有评论(0)