So stellen Sie Bilder in der Bildsteuerung im Applet ein

Der Inhalt dieses Artikels befasst sich mit der Einstellung von Bildern in der Bildsteuerung im Miniprogramm. Ich hoffe, dass er für Freunde hilfreich ist.

MiniprogrammimagePlatzhalterbild für die Steuereinstellung:
1 Zeigen Sie einfach verschiedene Bilder an, indem Sie beurteilen, dass die URL leer ist

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

2. Wenn item.url nicht leer ist, aber beim Zugriff auf das Bild ein Fehler auftritt, ist das Fehlerereignis image von binderror erforderlich. Diese Methode wird ausgeführt, wenn beim Laden des Bildes ein Fehler auftritt. Bei dieser Methode ändern Sie einfach die entsprechende Bildadresse in ein Platzhalterbild

/**
   * 图片加载错误
   */
  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
      })
    }

  },

Verwandte Empfehlungen:

Eine Zusammenfassung der Probleme im Zusammenhang mit der Bildverarbeitung in WeChat-Miniprogrammen

So verwenden Sie die Bildkomponente, um Bilder im WeChat-Applet anzuzeigen

Das obige ist der detaillierte Inhalt vonSo stellen Sie Bilder in der Bildsteuerung im Applet ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!