1, 安装图片懒加载模块
(安装最新版的会报错 安装指定版本)
cnpm install vue-lazyload@1.3.3 --save
2, 在main.js入口文件中引入图片懒加载模块
import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyLoad,{
loading: require("@/assets/holder.png")
})
3, 组件中显示图片时,使用懒加载, 将图片的:src改为v-lazy即可
<img v-lazy="roomData.room_src" alt="">
图片懒加载
于 2023-05-29 16:50:14 首次发布