一、安装vue-lazyload
npm install vue-lazyload --save-dev
二、main.js引入
import Vuelazyload from 'vue-lazyload'
Vue.use(Vuelazyload, {
loading: require('./assets/default.png')//图片未被加载时显示的图片
})
三、使用
在img标签的src属性中将:src改为v-lazy = “图片的url”
<img width="60" height="60" class="avatar" v-lazy="item.avatar">