建议使用以下浏览器，以获得最佳体验。 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个标签
  • 没有搜索到和“关键字”相关的标签
  • 云产品
  • 凯发k8国际娱乐官网入口的解决方案
  • 技术领域
  • 通用技术
  • 平台功能
取消

图片做懒加载处理-凯发k8国际娱乐官网入口

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

发帖: 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

手机扫码分享给好友