vue图片懒加载 —— vue-lazyload的使用

使用方式

1.npm install vue-lazyload --save-dev
2.main.js

import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyLoad, {
  preLoad: 1,
  error: require('./assets/img/error.jpg'),
  loading: require('./assets/img/homePage_top.jpg'),
  attempt: 2,
})

3.页面中使用




 

你可能感兴趣的:(vue图片懒加载 —— vue-lazyload的使用)