vue-lazyload的使用

vue-lazyload说白了,我没下滑到那行就不显示也加载不到那些图


第一步:安装

cnpm i vue-lazyload -S

第二步:引入

在main.js里引入

import VueLazyLoad from 'vue-lazyload'
Vue.use(VueLazyLoad, {
  preLoad: 1,//加载1秒
  error: require('./assets/logo.png'),//加载不到用这图
  loading: require('./assets/y.png'),//加载中用这个图
  attempt: 1//延迟用1秒
})

第三步:使用

---在img标签中使用

---在背景图上使用


完整代码



你可能感兴趣的:(vue.js)