美文网首页
VueLazyload

VueLazyload

作者: Mr老朝 | 来源:发表于2020-07-09 16:02 被阅读0次

1、安装

npm i vue-lazyload -S

2、引用

import VueLazyload from 'vue-lazyload';
Vue.use(VueLazyload);

3、使用

<img v-lazy="url" alt="">

<img class="img" v-lazy="require('../../../assets/img/course/ic_wen@3x.png')" alt="">

<img :key="itemData.ownerHeadImg" alt='' v-lazy="$options.filters.headImgCut(itemData.ownerHeadImg ? itemData.ownerHeadImg : '')">

<div class="icon" v-lazy:background-image="item"></div>

<div class="inv-img-item-circlIndex" v-lazy:background-image="$options.filters.circleImgCut(imgItem)" ></div>

相关文章

网友评论

      本文标题:VueLazyload

      本文链接:https://www.haomeiwen.com/subject/utdscktx.html