建议使用以下浏览器,以获得最佳体验。 ie 9.0 以上版本 chrome 31 谷歌浏览器 firefox 30 火狐浏览器
温馨提示

抱歉,您需设置社区昵称后才能参与社区互动!

前往修改
我再想想
选择版块
主题:4132帖子:34819

【技术干货】

图片做懒加载处理

昨天 09:43 104
图片做懒加载处理,我用的是 vue-lazyload 插件,使用方法如下:
安装:yarn add vue-lazyload
在入口文件中引入:
import vuelazyload from "vue-lazyload"; vue.use(vuelazyload); 复制代码
然后只需要把图片的 src 改为 v-lazy 就行了,注意 imgurl 是图片的http路径,如果是本地的图片路径则需要处理下,比如先用 require() 的方式引入再赋值

回复6

0 0
2022/6/21 09:48

感谢分享

0 0
2022/6/21 10:10

感谢感谢

0 0
2022/6/21 10:50

看不懂

0 0
2022/6/21 14:44

感谢分享

0 0
2022/6/21 21:45

感谢分享

0 0
2022/6/22 10:14

没看明白呢

上划加载中
直达楼层
全部回复
正序浏览
标签
您还可以添加5个标签
  • 没有搜索到和“关键字”相关的标签
  • 云产品
  • 星辰平台的解决方案
  • 技术领域
  • 通用技术
  • 平台功能
取消

图片做懒加载处理-星辰平台

您已采纳当前回复为最佳回复

发帖: 9粉丝: 0

发表于2022年06月21日 09:43:47 104 6
直达本楼层的链接
楼主
[技术干货] 图片做懒加载处理
图片做懒加载处理,我用的是 vue-lazyload 插件,使用方法如下:
安装:yarn add vue-lazyload
在入口文件中引入:
import vuelazyload from "vue-lazyload"; vue.use(vuelazyload); 复制代码
然后只需要把图片的 src 改为 v-lazy 就行了,注意 imgurl 是图片的http路径,如果是本地的图片路径则需要处理下,比如先用 require() 的方式引入再赋值

分享文章到朋友圈

分享文章到微博
您已采纳当前回复为最佳回复

发帖: 122粉丝: 0

发表于2022年06月21日 09:48:17

感谢分享

您已采纳当前回复为最佳回复

发帖: 50粉丝: 0

发表于2022年06月21日 10:10:12

感谢感谢

您已采纳当前回复为最佳回复

发帖: 15粉丝: 0

发表于2022年06月21日 10:50:39

看不懂

您已采纳当前回复为最佳回复

发帖: 59粉丝: 0

发表于2022年06月21日 14:44:39

感谢分享

您已采纳当前回复为最佳回复

发帖: 752粉丝: 61

发表于2022年06月21日 21:45:55

感谢分享

您已采纳当前回复为最佳回复

乌龟哥哥

发帖: 85粉丝: 24

发表于2022年06月22日 10:14:44

没看明白呢

您需要登录后才可以回帖 | 立即注册

您对问题的回复是否满意?
满意度
非常满意 满意 一般 不满意
我要反馈
0/200