小程式中image控制項可以如何設定圖片

這篇文章帶給大家的內容是關於小程式中image控制可以如何設定圖片，有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

小程式image控制項設定佔位圖片：
1.透過判斷url為空顯示不同的圖片就可以了

<image src="{{item.url?item.url:&#39;../../../images/ic_header.jpg&#39;}}"/>

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元件顯示圖片的方法

#

以上是小程式中image控制項可以如何設定圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！