专栏首页前端开发随笔微信小程序处理图片加载失败显示默认图片

微信小程序处理图片加载失败显示默认图片

微信小程序image组件有个binderror事件专门用来处理图片加载失败的问题,我们只需要传个下标去获取相应的图片位置

   <image src="{{item.img}}" binderror="geterr" data-index="{{index}}"></image>
 data: {
	recom_list:[]
}
 geterr(e) {
    var index = e.currentTarget.dataset.index
    var imglist = this.data.recom_list
    //默认图片
    imglist[index].img = 'https://sucai.suoluomei.cn/sucai_zs/images/20200106095250-2.png'
    this.setData({
      recom_list: imglist
    })
  },

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Vue点击切换样式

    wePanda
  • ElementUI实现表格分页功能

    wePanda
  • Vue用keep-alive实现页面缓存

    wePanda
  • opencv学习笔记---用numpy对图片操作,创建,修改

    也可以调用函数来取反,顺便计算一下时间,前面的要2800多ms,调用函数只需要30ms

    用户2965768
  • TensorFlow图像预处理完整样例

    py3study
  • 斯坦福大学密码学-数论简介 10

    感觉明天就可以结束了。。。。加油!!!!!!!学校什么时候解封,要疯了。。。。。。。

    静怡
  • 《机器学习》笔记-特征选择与稀疏学习(11)

    如今机器学习和深度学习如此火热,相信很多像我一样的普通程序猿或者还在大学校园中的同学,一定也想参与其中。不管是出于好奇,还是自身充电,跟上潮流,我觉得都值得试一...

    机器学习算法工程师
  • 基于Amazon Rekognition构建人脸识别系统

    人脸识别是目前机器视觉最成功的一个领域了,有许多的人脸检测与识别算法以及人脸识别的函数库。对于入门深度学习来说,从头开始一步一步训练出一个自己的人脸识别项目对你...

    深度学习与Python
  • html中给flash加链接代码

    html中给flash加链接代码: <embed width="600" height="380" wmode="opaque" pluginspage="h...

    用户1730674
  • EasySwoole中利用redis实现消息队列

    本文为北溟有鱼QAQ原创文章,转载无需和我联系,但请注明来自北溟有鱼QAQ https://www.umdzz.cn ...

    北溟有鱼QAQ

扫码关注云+社区

领取腾讯云代金券