這篇文章主要介紹“微信小程序中image組件binderror怎么使用”的相關(guān)知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強(qiáng)，希望這篇“微信小程序中image組件binderror怎么使用”文章能幫助大家解決問題。

成都創(chuàng)新互聯(lián)主營臨湘網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都App制作,臨湘h5成都小程序開發(fā)搭建,臨湘網(wǎng)站營銷推廣歡迎臨湘等地區(qū)企業(yè)咨詢

微信小程序image組件binderror使用例子(對應(yīng)html、js中的onerror)

官方文檔

binderror

HandleEvent

當(dāng)錯誤發(fā)生時，發(fā)布到 AppService 的事件名，事件對象event.detail = {errMsg: 'something wrong'}

在微信小程序開發(fā)中，我們使用列表包含圖片，如果這個圖片鏈接404錯誤，那么我們應(yīng)該給它提供一個默認(rèn)的友好URL地址。html和js中使用onerror事件就可以了

<img src="image.gif" onerror="this.src='https:w.chesudi.com/Public/web/img/onerrorcar.png'" />

微信小程序image組件沒提供onerror事件，提供了一個binderror事件來代替。

如果圖片鏈接404，就會觸發(fā)這個binderror事件，我們在綁定的事件里修改對應(yīng)的數(shù)據(jù)源就好了，如下

.wxml文件

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

.js文件　

 binderrorimg:function(e){ 
  var errorImgIndex= e.target.dataset.errorimg //獲取循環(huán)的下標(biāo)
  var imgObject="carlistData["+errorImgIndex+"].img" //carlistData為數(shù)據(jù)源，對象數(shù)組
  var errorImg={}
  errorImg[imgObject]="/upload/otherpic53/129862.png" //我們構(gòu)建一個對象
  this.setData(errorImg) //修改數(shù)據(jù)源對應(yīng)的數(shù)據(jù)
 }

 易錯點(diǎn)：this.setData({"carlistData["+errorImgIndex+"].img"：對象})類似這樣的就不正確了

關(guān)于“微信小程序中image組件binderror怎么使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點(diǎn)。

新聞名稱：微信小程序中image組件binderror怎么使用
標(biāo)題URL：http://www.chinadenli.net/article44/gepdee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、商城網(wǎng)站、品牌網(wǎng)站制作、小程序開發(fā)、網(wǎng)站改版、定制開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)