Vue-lazyload的使用

1.下载

npm i vue-lazyload

2.引入main.js

1 import VueLazyload from 'vue-lazyload'//图片的懒加载
2 Vue.use(VueLazyload,{
3   loading:require('@/common/image/default.png')
4 })

3.组件中使用

1   <img  v-lazy="item.picUrl" alt="" class="rank-img">

 

posted @ 2018-08-13 15:29  前端极客  阅读(830)  评论(0)  编辑  收藏  举报