微信小程序 報錯Failed to load image

 加載網絡圖片WXML代碼：

<image class="userinfo-avatar" src="{{avatarUrl}}"></image>

當加載網絡圖片時，會時不時出現以下錯誤：

 

緣由：圖片綁定的數據在頁面「初次」渲染的時候並無被正確賦值，有可能你的數據是異步加載的，在渲染的時候尚未取到相應的數據

解決方法： 設置一個本地的圖片地址做爲動態圖片地址未獲取時的默認地址，或者在image裏添加 wx:if="{{avatarUrl}}" imageUrl爲你綁定的圖片的地址

<image class="userinfo-avatar" wx:if="{{avatarUrl}}" src="{{avatarUrl }}"></image>
// 或者
<image class="userinfo-avatar" src="{{avatarUrl ? avatarUrl : '/assets/images/avartar_default.png'}}"></image>