VUE圖片懶加載 lazyload 插件的簡單使用

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"/>