使用vue-lazyload实现图片懒加载
作者:
岚平果 | 来源:发表于
2020-04-17 15:15 被阅读0次
1、安装插件 cnpm install --save vue-lazyload
cnpm install --save vue-lazyload
2、引入组件src/main.js
import VueLazyload from 'vue-lazyload' // 图片ngkm
Vue.use(VueLazyload, {
preLoad: 1, // 完全显示之后再加载
error: require('@/assets/images/error.jpg'),
loading: require('@/assets/images/loading.gif'),
attempt: 1, // 尝试加载次数
})
3、页面中使用懒加载，把 :src 换成 v-lazy
<img v-lazy="ele.url" alt="" />
本文标题：使用vue-lazyload实现图片懒加载
本文链接：https://www.haomeiwen.com/subject/ykhyvhtx.html
网友评论