在项目开发中,使用<el-image> 组件实现显示头像,更新头像之后,使用的vuex的携带的userInfo已经更新了,但是头像视图没有触发更新,排查发现,原来后端设计的是该用户的头像默认命名一致,也就是说头像的url没有改变,只是你再去请求一次的话,就可以获取最新头像,基于此,只要想到每次更新后,头像url改变就可以触发视图更新了。但是改变url又不影响获取的方式是:
在url后面加上?和随机数即可,如下所示:
// 头像更新成功后,触发视图更新,重新获取图片
userInfo.avatar = userInfo.avatar + '?' + Math.random()
网友评论