1,安装图片懒加载模块
在集成终端输入 npm install vue-lazyload@1.3.3 --save 下载图片懒加载模块
(这里vue2使用此版本,vue3可以使用最新版本)
2,在 main.js入口文件中引入懒加载模块
import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyLoad,{
loading: require("@/assets/holder.png")
})
3,组件中显示图片,使用懒加载时,将图片的src改为v-lazy即可
<img v-lazy="图片连接地址" alt="">