vue-lazyload
vue-lazyload
安吉拉 发表于2个月前
vue-lazyload
  • 发表于 2个月前
  • 阅读 6
  • 收藏 0
  • 点赞 0
  • 评论 0

1.$ npm install vue-lazyload

2.

3.use

mainjs

import Vue from 'vue'

import App from './App'

import VueLazyLoad from 'vue-lazyload'

Vue.use(VueLazyload, {
 preload: 1.3,
//报错的时候可以链接到本地的一张图片 此处可以写路径
 error: 'dist/error.png',
//此处可放一张加载时数据还未出现的放一张本地图片  路径
 loading: 'dist/loading.gif',
 attempt: 1
})

在vue组件用的时候在img标签中的src换成v-lazy="从后台拿到的图片"

共有 人打赏支持
粉丝 0
博文 29
码字总数 7446
评论 (0)
×
安吉拉
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: