全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[武汉seo公司是什么]微信小程序 image组件binderror使用例子与js中onerror的区别分

  这篇文章主要介绍了微信小程序 image组件binderror使用例子与js中的onerror区别的相关资料,需要的朋友可以参考下

  微信小程序image组件binderror使用例子(对应html、js中的onerror)

  

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

  在微信小程序开发中◆◇▼,我们使用列表包含图片,19 2020.10 [保定网优化seo公司]微信小程序新增的拖动组件movable-view的使用介绍 这篇文章主要给大家介绍了微信小程序最近新增的拖动组件movable-view的简单使用教程,文中介绍的非常详细▼▷,对大家具有一定的参考学习价值-☆◁,需要的朋友们下面来一起看看吧。如果这个图片链接404错误,[武汉seo公司是什么]那么我们应该给它提供一个默认的友好URL地址。扬州市小程序制作公司html和js中使用onerror事件就可以了

  

 

  

<img src="●▲●;image▷○▪▲.gif" onerror="◁▷▷▲;this•▲▪.src='▼◁■;https:w.chesudi-….com/Public/web/img/onerrorcar.png'△■;" />

 

  微信小程序image组件没提供onerror事件,提供了一个binderror事件来代替。

  如果图片链接404,就会触发这个binderror事件★○,我们在绑定的事件里修改对应的数据源就好了,如下

  •▪=.wxml文件

  

 

  

<image class="★▽◆□;carlist_img" src="{{item.img}}" binderror="•△▪;binderrorimg"○□; data-errorimg="{{index}}">★□▷;<□▲◇;/image>

 

  .js文件

  

 

  


 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) //修改数据源对应的数据
 }

 

   易错点:this.setData({"-●▽;carlistData["+errorImgIndex+"]…■.img"○▲☆:对象})类似这样的就不正确了

  以上就是本文的全部内容,吉林省小程序开发哪家好希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

  相关推荐…■▼:

  微信小程序中使用ECharts 异步加载数据的方法
 

  微信小程序如何实现image组件图片自适应宽度比例显示的方法

  

 

  以上就是微信小程序 image组件binderror使用例子与js中onerror的区别分析的详细内容,更多请关注久澳传媒编程栏目其它相关文章◇◁●▲!

[武汉seo公司是什么]微信小程序 image组件binderror使用例子与js中onerror的区别分析

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。