美文网首页
组件实现更新头像后,没有触发视图更新

组件实现更新头像后,没有触发视图更新

作者: AR7_ | 来源:发表于2021-12-10 10:19 被阅读0次

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

         // 头像更新成功后,触发视图更新,重新获取图片
         userInfo.avatar = userInfo.avatar + '?' + Math.random()
    

    相关文章

      网友评论

          本文标题: 组件实现更新头像后,没有触发视图更新

          本文链接:https://www.haomeiwen.com/subject/jykcfrtx.html