1.安装插件
npm install vue-lazyload --save-dev
2.在main.js或 app.js 引入
import VueLazyload from 'vue-lazyload'
Vue.use(VueLazyload, {
preLoad: 1.3,
error: 'dist/error.png',
loading: 'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=3759282802,916197498&fm=27&gp=0.jpg',
attempt: 1
})
3.将:src 改为v-lazy即可使用
<img class="item-pic" v-lazy="newItem.picUrl"/>