Analyse des Unterschieds zwischen dem Binderror-Verwendungsbeispiel der WeChat-Applet-Bildkomponente und dem Onerror in js

In diesem Artikel werden hauptsächlich relevante Informationen zu den Anwendungsbeispielen der WeChat-Applet-Bildkomponente Binderror und dem Unterschied zwischen onerror in js vorgestellt. Freunde in Not können sich auf

WeChat-Applet-Bildkomponenten-Binderror-Verwendungsbeispiel (entsprechend HTML) beziehen , onerror in js)

binderror

HandleEvent

当错误发生时，发布到 AppService 的事件名，事件对象event.detail = {errMsg: 'something wrong'}

Bei der WeChat-Applet-Entwicklung verwenden wir eine Liste zur Aufnahme von Bildern. Wenn der Bildlink einen 404-Fehler aufweist, sollten wir ihn mit einer standardmäßigen benutzerfreundlichen URL-Adresse versehen. Verwenden Sie einfach das onerror-Ereignis in HTML und JS

<img  src="/static/imghwm/default1.png"  data-src="image.gif"  class="lazy"   onerror="this.src=&#39;https:w.chesudi.com/Public/web/img/onerrorcar.png&#39;" / alt="Analyse des Unterschieds zwischen dem Binderror-Verwendungsbeispiel der WeChat-Applet-Bildkomponente und dem Onerror in js" >

Die WeChat-Applet-Bildkomponente stellt kein onerror-Ereignis, sondern stattdessen ein binderror-Ereignis bereit.

Wenn der Bildlink 404 ist, wird dieses Bindefehlerereignis ausgelöst. Wir können die entsprechende Datenquelle im gebundenen Ereignis wie folgt ändern:

.wxml-Datei

<image class="carlist_img" src="{{item.img}}" binderror="binderrorimg" data-errorimg="{{index}}"></image>

.js-Datei

 binderrorimg:function(e){ 
  var errorImgIndex= e.target.dataset.errorimg //获取循环的下标
  var imgObject="carlistData["+errorImgIndex+"].img" //carlistData为数据源，对象数组
  var errorImg={}
  errorImg[imgObject]="https://w.chesudi.com/Public/web/img/onerrorcar.png" //我们构建一个对象
  this.setData(errorImg) //修改数据源对应的数据
 }

Einfache Fehler: this.setData({"carlistData[ "+errorImgIndex+ "].img": object})So etwas ist falsch

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein . PHP chinesische Website!

Verwandte Empfehlungen:

So verwenden Sie ECharts, um Daten asynchron in WeChat-Miniprogrammen zu laden

So implementieren Sie Bilder in WeChat-Miniprogrammen Methode zur adaptiven Breitenverhältnisanzeige von Komponentenbildern

Das obige ist der detaillierte Inhalt vonAnalyse des Unterschieds zwischen dem Binderror-Verwendungsbeispiel der WeChat-Applet-Bildkomponente und dem Onerror in js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!