微信小程序 image组件binderror使用例子与js中的onerror区别
作者：无影飞絮剑 发布时间：2024-04-19 09:42:56
标签：微信小程序,image组件,binderror
微信小程序image组件binderror使用例子(对应html、js中的onerror)
官方文档
| binderror | HandleEvent | 当错误发生时，发布到 AppService 的事件名，事件对象event.detail = {errMsg: 'something wrong'} |
在微信小程序开发中，我们使用列表包含图片，如果这个图片链接404错误，那么我们应该给它提供一个默认的友好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"：对象})类似这样的就不正确了
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
来源：http://www.cnblogs.com/itslives-com/p/binderror.html
0
投稿猜你喜欢
- 递归一个函数在执行过程中一次或多次调用其本身便是递归，就像是俄罗斯套娃一样，一个娃娃里包含另一个娃娃。递归其实是程序设计语言学习过程中很快就
- 枚举是常用的功能,看看Python的枚举.from enum import EnumMonth = Enum('Month'
- 本文实例讲述了PHP开发之归档格式phar文件概念与用法。分享给大家供大家参考，具体如下：一个php应用程序往往是由多个文件构成的，如果能把
Python是一个非常实用、流行的解释型编程语言，其优势之一就是可以借助其交互的shell进行探索式地编程。你可以试着输入一些代码，然后马上- 重置系统后，很久之前安装的MySQL数据库出现了控制台查询中文乱码问题，时间太久早已经不记得怎么设置了。网上查询了许多，各种设置，重启数据库
- 什么是setuptoolssetuptools是Python distutils增强版的集合，它可以帮助我们更简单的创建和分发Python包
- 介绍SQLSERVER 2012新增了两个字符串函数CONCAT和FORMAT。本文首先介绍一下CONCAT，CONCAT函数的作用是可以返
- 汇总整理一套Python网页爬虫，文本处理，科学计算，机器学习和数据挖掘的兵器谱。1. Python网页爬虫工具集一个真实的项目，一定是从获
- 在爬取的过程中难免发生ip被封和403错误等等，这都是网站检测出你是爬虫而进行反爬措施，在这里为大家总结一下怎么用IP代理防止被封首先，设置
- export default ({ url, method = 'GET', data
- 本文实例讲述了Laravel框架实现利用 * 进行sql语句记录功能。分享给大家供大家参考，具体如下：利用 * 进行sql语句记录1、监听s
- SQL Server通常都运行在多处理器的服务器上，这一点在现在尤为普遍。原因是多内核的处理器越来越普及。那么，在多处理器环境下，Windo
- 表示文字链接最清楚的方式是“蓝色文字+下划线”，这是在浏览器发展过程中形成的。这个问题大家都说过很多次了，我也曾经说过。然而，这样的规范却总
- 享元模式（Flyweight Pattern）是什么享元模式是一种结构型模式，它通过共享对象来减少系统中的对象数量，从而降低了内存的使用和系
- 使用ewebeditor作为后台编辑器时，尤其是一个页面中使用多次该编辑器时，在提交数据时，可能会遇到数据被重复提交的情况。搜索找来一些解决
- 今天给大家分享一下最新版阿里大于的短信验证码在node koa2的实现，还是有很多坑需要注意。首先需要在阿里云注册账号，并获取阿里云访问秘钥
- 导语：哈喽，哈喽~大家有没有遇到过这种情况，手机用着用着没有内存了，一到设置里面一看。微信和 QQ 10G!啊这。。。。。就离谱！好说，好说
- 实测mysqld –skip-grant-tables这样的命令行，在mysql8中无法成功启动，而且测试了该参数放在ini文件里面也同样无
- IE 的 Cookie 文件保存在 ?:\Documents and Settings\<user>\Cookies 目录，后缀
- 前言之前实践了下face++在线人脸识别版本，这回做一下离线版本。github 上面有关于face_recognition的相关资料，本人只
