关于饿了吗头像avatar组件更换头像地址，不更新的问题

最新推荐文章于 2023-07-16 21:38:47 发布
最新推荐文章于 2023-07-16 21:38:47 发布
阅读量394 收藏
点赞数
分类专栏： 前端 文章标签： elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Michael_Hzs/article/details/125538049
版权

头像更新 DOM img标签 组件 key属性
关键词由CSDN通过智能技术生成

情况是这样滴，
刚开始加载头像，如果地址是可以成功获取头像的话，再切换头像的时候是可以自动更新头像的，但是刚开始头像是获取失败状态的话，那么再切换头像，即使切换的这个头像是可以获取到的，但是头像组件没有更新。官网没有任何说明。经排查，是因为dom里面没有img这个标签了，所以给他加上个key就可以解决这个 问题了

爱撸猫的小黑人
关注
专栏目录
Vue Element采坑日记之图片上传后不及时更新视图
书包的博客
09-10 778
修改前 async upLoadImage(e) { //图片的文件信息 let file = e.file; //借助FormData对象上传文件 let formData = new FormData(); //FormData携带图片对象 formData.append("file", file); //请求接口 图片对象以二进制流的方式传递 let res = await this.$http.upI
解决elementUI 中 el-avatar组件头像切换不更新问题
qq_36306693的博客
02-19 5802
问题描述： 当使用el-avatar组件时，如果刷新页面时，el-avatar图片加载失败了，那么el-avatar组件就会进入到失败的事件中，就像下图一样： 这时候去修改头像，那么头像修改成功了，但是图片并不会自动加载，而是需要再去刷新一下浏览器，那么这就违背了事情的初衷了。 起初想的是不是因为vuex的getter没有及时更新头像的url信息，就去查了很多相关的资料，最后还是没能解决，经过不...
＜el-avatar＞标签不能动态刷新解决办法
鸣鼓ming的博客
07-21 1041
1.问题 使用了Element-ui的el-avatar和el-img标签, 当src绑定一个变量, 变量改变时图片并不会刷新 <el-upload class="upload-demo" :action=" BASE_API+'/oss/uploadImg' " :limit="1" :auto-upload="true" :on-preview="handlePreview"
vue踩坑之路 elementui el-upload组件
qq_28992047的博客
03-29 177
【代码】vue踩坑之路 elementui el-upload组件。
el-avatar组件头像切换不更新问题
爱学习的大雄的博客
12-08 728
起初想的是不是接口没有及时返回图片url，经过不断的测试，发现如果页面进来的时候只要头像加载成功了，那么再去修改头像，头像是会自动刷新的。然后就去翻看了dom信息，发现当头像加载失败时，dom是没有头像img标签的，加载成功就存在img标签。查看发现有，我就想是不是标签的问题，我同样适用。组件头像作为展示图片，第一页是有图片的，在点击第二页，重新切换为第一页时，发现第一页的图片不展示。示例：刚进页面的时候图片可以显示，但是查询后显示不出来了（下图是我修改完成后的）标签放，发现图片正常显示，那就是。
react-native-user-avatar:React Native的头像组件
05-02
React本机用户头像 准用户头像显示，支持回退到在彩色背景上使用用户的姓名缩写作为头像。 基于React的强大库： : ，并移植到React Native。 iOS萤幕撷取画面 Android屏幕截图 安装 npm install --save react-...
（更换微信头像系统）avatar.rar
03-10
【标题】"（更换微信头像系统）avatar.rar" 涉及的知识点主要集中在图像处理和微信头像定制上，这通常与编程语言、图形处理库和前端开发技术相关。从描述来看，该压缩包可能包含一个用于创建或修改微信头像的应用...
Java获取Avatar头像工具类
10-22
Java获取Avatar头像图片工具类。输入参数为Avatar注册邮箱地址，就能生成对应注册邮箱的Avatar头像链接。WordPress头像。
AvatarImage:群组头像组件
04-12
这是一个正多边形头像组件，是支持群组头像。 群组头像最多支持显示四个成员。 关于默认头像 未设置远程头像路径时，如果名字中有中文，则获取最后一个中文字符；如果没有中文，则获取第一个字符，作为头像文字 可用...
vue-avatar:vue.js的头像组件
05-11
vue.js的头像组件。 该组件显示头像图像，如果未提供，则回退到用户姓名缩写。 该组件的灵感来自 。 用于计算用户姓名首字母的规则： 将用户名划分为空格和连字符 使用每个部分的首字母 切勿使用超过三个字母的...
微信小程序最新版获取用户头像和昵称
2301_76527517的博客
07-16 360
微信小程序最新版获取用户头像和昵称
el-upload 自定义上传图片踩的坑
Emma1314PYT的博客
11-03 338
【代码】el-upload 自定义上传图片踩的坑。
小程序中新版本的获取用户头像与昵称：bind:chooseavatar
浩星
11-25 6895
小程序中新版本的获取用户头像与昵称：bind:chooseavatar
el-upload上传组件在vue中的应用和踩坑
晨的一朵云的博客
10-08 3009
需求：打开弹窗，点击按钮选择上传一个Excel文件，只能上传.xlsx格式文件，且不超过20M。 首先大致画出了界面，因为不需要显示已上传文件列表，所以就el-upload这个组件来说，省了不少麻烦事。dom部分直接上代码： <el-dialog title="导入" :visible.sync="uploadView" @close="uploadView = false"> <div class="dialog-wrap"> <!-- 上传 --&.
vue中使用el-upload组件修改上传的图片时，每次都会自动闪过上一次的图片
爱学习的大雄的博客
02-16 2948
在解决问题后要及时记录，才能让自己在以后遇到同样问题的时候更快解决。
vue3使用el-upload(elmentplus)更改用户头像，用到了七牛云，0积分下载资源，见文末
weixin_46072203的博客
06-03 964
使用el-upload上传用户头像 0积分下载资源，见文末 上传文件到七牛云，后端代码，0积分下载
关于后端返回图片地址是同一个导致修改图片不显示
qq_46118650的博客
09-20 341
后端返回图片地址是同一个导致修改图片不显示
jsp页面中地址插入图片不显示问题以及路径问题解决方法
热门推荐
Aquilian的专栏
03-28 1万+
        上图是项目的结构。我想在主页面index.jsp页面获取avatar.png这张图，在页面里使用&lt;img src="/pages/assets/avatars/avatar.png"&gt;获取，在Eclipse编辑时，用ctrl加鼠标左键，能点进去获取到图片。然而在浏览器通过http://localhost:8080/webtest/这个地址获取时，并没有显示出图片。   ...
运用el-avatar显示图片/头像
前端职场小白_炜晨科技的博客
09-30 4021
运用el-avatar显示图片/头像
el-avatar头像显示不全
最新发布
08-20
el-avatar头像显示不全的问题可能是由于图片地址更新后，DOM绑定的图片没有及时更新导致的。解决这个问题的方法是给el-avatar组件的:key属性添加一个唯一的值，这个值可以使用图片地址作为键值。例如，在代码中添加`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值