image标签动态设置src，发现src属性已经变为最新图片链接，但图片还是老图；

代码如下：

<image class="avatar" mode="aspectFill" src="{{avatarUrl}}" binderror="imageError"></image>

onShow: function () {
    let getUserInfo = wxAPI.wxGetUserInfo()
    getUserInfo().then((res) => {
      console.log('avatarUrl',avatarUrl)
        this.setData({
            avatarUrl: avatarUrl || defaultAVATAR
        });
    }, (res) => {
    })

},

代码含义：在onShow方法中调用wx.getUserInfo api获取用户头像链接，并且显示在页面上；

预期： 头像获取成功则显示用户真实头像，获取不成功显示默认头像；
结果：头像获取成功，并且image src已经改变为正式头像链接，但是页面渲染的是预先设置的默认头像链接；
如图：image 的src属性变为https://wx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTKILhfPgOh50C9liaDMT5a9CZkGpJb6gJwbwnl1xPJ6VU5bticY8lZv7QAQ8rHdK2icsootrwmkjBRrQ/0
但图片仍为默认图片