使用的elementui 的 image这个组件，但是为什么会请求2次图片

使用的elementui 的 image这个组件，但是为什么会请求2次图片，第一次加载的图片，页面没有进行渲染，第二次加载的图片，才在页面渲染了

黑色框内加载一遍，是因为开启懒加载

上面是前端代码

经测试，是image这个组件的问题，换成其他的就正常了，这个组件要怎么改才能正常

图片加载好慢，这个升级服务器配置的话，效果明显吗

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除
收藏举报

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
Z_pigeon 2022-09-02 18:11
关注
是不是预览图跟src两个都要分别请求，你去掉preview-src-list这个属性先，试试

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(1条)

报告相同问题？

关注问题

elementUI的el-image组件 elementui vue.js 有问必答
2021-06-23 07:57

回答 3 已采纳把style="width: 100px; height: 100px" 改为属性 height="100px" width="100px"
vue.js 使用 elementUI 通过for循环实现多个图片大图预览，为什么每次点击其他图片都展示第一张图片 elementui javascript vue.js
2021-12-07 11:20

回答 3 已采纳我觉得你没理解src 和preview-src-list 这两个属性的意思。preview-src-list是预览的图片数组，虽然你图片显示是v-for渲染了，但是预览的数组是固定的那俩，也就是刚打开
使用el-upload组件时，图片不能正常显示 elementui javascript 前端
2022-02-18 10:19

回答 2 已采纳你好，你设置一下file-list里面有个url属性，把你图片链接赋值上去就行file-list:[url:'xxxxxxx']
使用elementUI实现将图片上传到本地的示例
2020-10-18 02:13

总的来说，使用 Element UI 实现图片上传到本地的流程包括前端通过 `el-upload` 组件选择文件，触发上传请求，后端接收到请求后保存文件到本地，并将保存路径返回给前端。在实际开发中，还需要考虑错误处理、权限...
Vue中有一个elementUI组件，用于展示D盘某个文件夹中的图片，怎么可以实时刷新？ javascript vue.js 前端
2021-09-03 21:13

回答 3 已采纳你说的D盘下有个图片，应该值的是有一个图片的链接，而个链接对应的图片会不断的被覆盖，需要在网页上自动刷新图片首先网页访问是无状态的，当你页面渲染完成后就和服务器断开了，没办法监听比较简单的办法就是
flex布局问题、elementui使用问题、swiper图片问题 css elementui html 有问必答
2022-08-16 22:14

回答 2 已采纳第一个问题，html，body需要设置高度100%才行 body, html, #app { height: 100% } .home .foot .fo
为什么图片加载失败imageObject.complete也会返回true javascript 有问必答
2021-09-03 13:19

回答 1 已采纳这个问题很简单，你想让他为false就是使用IE浏览器，测试如下如果其他浏览器可能就是true,如谷歌浏览器测试如下对于 complete 属性来讲，IE是根据图片是否显示过来判断，就是说当
ElementUI的＜el-image＞组件引用网络图片加载失败
2025-02-08 20:28

又迷茫了的博客可正常加载，可能是 ElementUI 组件配置问题。直接访问图片链接，确保 URL 正确且可公开访问。：通过后端服务代理图片请求，绕过跨域限制。：服务器拒绝访问（常见于防盗链）。：更换为可用的图片 URL。请求头，禁止...
element ui image点击图片放大不显示图片 elementui javascript vue.js 有问必答
2022-01-25 10:36

回答 4 已采纳更新之前是否有问题，控制台是否报错检查元素看看图片是否存在
为什么页面加载的时候发请求会有undefined，怎么解决 javascript 小程序
2021-12-28 12:24

回答 3 已采纳 F12 查看undefined 那个是未定义还是多写了‘，看一下，望采纳，谢谢。
前端访问后端的图片可以下载，但是图片却显示不了 ui 前端后端有问必答
2021-11-08 20:08

回答 2 已采纳 content-type改为下面注释掉那句，上面的octet-stream那句注释掉看看。可能elementui判断了content-type。题主直接用img标签加载图片能显示吗？
【前端相关】elementui使用el-upload组件实现自定义上传
2023-05-24 20:15

No8g攻城狮的博客官方的描述是说覆盖默认的上传行为，可以自定义上传的实现，类型是 function，可选值与默认值都省略。...在这个函数里面，我实现了自定义文件上传的请求。上传文件之前的钩子，参数为上传的文件，若返回。
Vue+elementUI实现多图片上传与回显功能（含回显后继续上传或删除）
2020-10-15 12:16

Vue.js 是一款流行的前端框架，而 Element UI 是基于 Vue 的一套组件库，提供了丰富的 UI 组件，方便开发者快速构建界面。在开发过程中，有时我们需要实现多图片上传与回显的功能，尤其是在创建或编辑表单时，用户...
关于使用 Element UI 的 el-image 组件导致本地图片不显示的问题
2022-07-08 11:42

Vesuvius688的博客当使用 el-image 在网页中加载本地图片时，会出现图片加载失败的问题，但使用 img 可以正常显示。
笔记：vue+ElementUI图片上传组件+后端实现代码
2022-08-14 21:56

Wmenghu的博客其中 el-upload 中的action是图片上传的请求路径，上传成功后会调用方法 handleAvatarSuccess（）进行图片的下载，通过这个地址进行下载，参数为文件名，下载过后页面会显示刚上传的图片。后端用到的jar没有什么特别...
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
系统已结题 9月10日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
已采纳回答 9月2日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
修改了问题 9月2日
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
修改了问题 9月2日
展开全部

使用的elementui 的 image这个组件，但是为什么会请求2次图片

2条回答 默认 最新

问题事件

2条回答默认最新