下载懒加载:
npm i vue-lazyload -S
在main.js中引入
import Vuelazyload from 'vue-lazyload'
Vue.use(Vuelazyload,{
preload:1.3, //预加载高度比例
loading:require('../assents/images/图片的路径'), //预加载的图片
attempt:1 //尝试加载图片数量
})
用法:
在你想用懒加载的页面这样写: 把<img :src="items.imgurl"/> 改为: <img v-lazy="items.imgurl"/>