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="image.gif" onerror="this.src='https:w.chesudi.com/Public/web/img/onerrorcar.png'" />
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
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!
