您好,登錄后才能下訂單哦!
小編給大家分享一下小程序中image控件設置圖片的方法,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!
小程序image
控件設置占位圖片:
1.通過判斷url為空顯示不同的圖片就可以了
<image src="{{item.url?item.url:'../../../images/ic_header.jpg'}}"/>
2.第二種情況就是item.url 不為空,但是訪問圖片出錯的情況,這時就需要image
的error事件binderror
,這個方法在加載圖片出錯的時候會執行。在這個方法里面把對應的圖片地址改成占位圖片就可以了
/** * 圖片加載錯誤 */ onLoadImageError:function(e){ let errorurl = '../../../images/image_placeholder.png' let index = e.currentTarget.dataset.index if (this.data.imageType == 1) { this.data.complaintPics[index] = errorurl this.setData({ complaintPics:this.data.complaintPics }) } },
看完了這篇文章,相信你對小程序中image控件設置圖片的方法有了一定的了解,想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。