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="" />
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
