关于图片懒加载的具体内容可以参考 https://github.com/hilongjw/vue-lazyload
1.安装懒加载的插件
cnpm install vue-lazyload -D
2.在main.js中引入懒加载插件
import VueLazyload from 'vue-lazyload'
给VuelazyLoad传入参数
Vue.use(VueLazyload, {
//图片没有请求前前默认的图片
loading: require('@/common/image/default.png')
})
3.在img中替换绑定的图片方式
<img v-lazy="item.imgurl" width="60" height="60">