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)">

相关文章

  • vue懒加载

    全局安装 main.js 在使用的地方使用v-lazy绑定 v-lazy直接替换掉:src

  • v-lazy

    使用

  • vue实现图片的懒加载*

    安装 在main.js 中引入 将src 改为v-lazy

  • vue-lazyload 配置不成功

    可能是同时引入了vue-lazyload 和 mint-ui组件都是使用 v-lazy 冲突 解决方法 :main...

  • vue-lazyload探索

    原理简述 vue-lazyload是通过指令的方式实现的,定义的指令是v-lazy指令指令被bind时会创建一个l...

  • Vue-lazy 重复刷新问题。

    在用vue-lazy来做,懒加载的时候,每次v-show的变量改变的时候用到v-lazy的图片都会刷新一下。研究了...

  • vue3常用指令

    防抖 输入框防抖 防抖这种情况设置一个v-throttle自定义指令来实现 图片懒加载 设置一个v-lazy自定义...

网友评论

      本文标题:v-lazy

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