v-lazy

作者: monkeyfly36 | 来源:发表于2020-12-11 15:21 被阅读0次

    使用

    // 安装
    npm i vue-lazyload --save
    
    // 注册
    import VueLazyload from 'vue-lazyload'  // 引入这个懒加载插件
    // Vue.use(VueLazyload) // 直接使用
    Vue.use(VueLazyload, { // 添加自定义选项
      preLoad: 1.3,
      error: '../static/icon/white.png', // 加载错误时候的图片
      loading: '../static/icon/white.png', // 加载中的图片
      attempt: 7,
      listenEvents: [ 'scroll' ],
    }) 
    
    // 组件使用
    <img v-lazy="item.faceImagePath" @click="imgChoose(item.id)">
    

    相关文章

      网友评论

          本文标题:v-lazy

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