微信小程序把繁琐的判断用Js简单的解决
场景:
订单列表,有很多种订单状态,根据不同的订单状态要显示不同的css。
适用场景:需要根据数组下标判断不同的显示。
示例代码:
this.data.order =[{"_type":"1","custName":"李*"},{"_type":"2","custName":"李*"},{"_type":"3","custName":"李*"},{"_type":"4","custName":"李*"},{"_type":"5","custName":"李*"}];
this.data.order.forEach((item) => {if ([1, 3].indexOf(item._type) != -1) {item.status_style = 'status_success';} else if ([2, 5,55].indexOf(item._type) != -1) {item.status_style = 'status_wait';} else if ([4, 6, 8, 9, 14, 22, 33, 66].indexOf(item._type) != -1) {item.status_style = 'status_fail';}
})
wxml
<block wx:for='{{order}}'><view class='{{item.status_style}}'>{{item.custName}}</view>
</block>
微信小程序把繁琐的判断用Js简单的解决相关推荐
- 微信支付服务商,![CDATA[sub_mch_id与sub_appid不匹配],微信小程序支付,签名错误,CDATA[签名错误]解决方法,支付签名验证失败
微信支付服务商,微信小程序支付,签名错误,CDATA[签名错误]解决方法 1:服务商和普通的商户支付在代码上没有太大差异(不同的是上传的参数,而且微信支付服务商参数上比较难找,官方文档又太简洁,所以很 ...
- 微信小程序图片无法存入云开发数据库,求解决
微信小程序图片无法存入云开发数据库,求解决 上传图片的js代码片段 上传图片的js代码片段 上传图片的js代码片段,觉得自己代码的没错,也能打印出来上传的图片地址,但是发现并没有存进数据库,求大神指点 ...
- 微信小程序JSjavascript中的Math.pow()函数负数开立方解决方法
微信小程序JSjavascript中的Math.pow()函数负数开立方解决方法 Math.pow()函数是不能负数开立方的,会返回Null,因为对于计算机而言,负数开三次方是一个复数(实际上负数开三 ...
- 微信小程序报错module “wxParse/wxParse.js“ is not defined
微信小程序报错module "wxParse/wxParse.js" is not defined 解决 在本地设置把 ES6 转 ES5 勾上就 可以了
- 微信小程序使用echarts图表,与延迟加载图表,解决echarts文件过大
微信小程序使用echarts图表,与延迟加载图表,解决echarts文件过大 引入echarts组件 展示echarts图表数据 延迟加载图表 如何解决echarts文件过大 引入echarts组件 ...
- 微信小程序图片全屏预览组件,并解决svg真机显示黑屏问题
自己码了个微信小程序图片全屏预览组件,并解决了svg真机显示黑屏问题(即png等格式可以正常显示,但就svg无法显示). /*** 微信小程序图片预览组件* 1.支持预览svg.png.jpeg.jp ...
- 小程序源码:图片拼图微信小程序源码-多玩法安装简单
该款小程序支持多种流量主 另外支持多种图形模板制作切割 另外也支持长图合成等功能 安装简单,新手容易上手,具体就不多说了大家自行研究吧! 小程序源码下载地址: 小程序源码:图片拼图微信小程序源码-多玩 ...
- 微信小程序手机号解密报错:pad block corrupted 解决方法
微信小程序手机号解密报错:pad block corrupted 解决方法 微信小程序获取用户手机号,后端解密手机号的时候偶尔会报错 javax.crypto.BadPaddingException: ...
- 微信小程序云函数开发环境 node.js的安装参考
微信小程序云函数开发环境 node.js的安装参考 下载:nvm-windows 下载下图安装包,地址在: https://github.com/coreybutler/nvm-windows/rel ...
最新文章
- 一文理解CatBoost!
- ASP入门(十一)-Session小案例
- java setsolinger_java socket 的参数选项解读(转)
- 在Angular专家Dan Wahlin的免费33部分课程中学习Angular
- mysql 主备XtraBackup恢复
- redis原理解析与案例分享
- 推荐几个rpm下载站点
- @Value属性配置 以及 spring boot1.5以上版本@ConfigurationProperties取消location注解后的替代方案...
- 《黑客秘笈——渗透测试实用指南(第2版)》—第1章1.6学习
- hdoj2045:LELE的RPG难题(递推)
- 2017越南赛国家I题 Integer Rotation(暴力+判题技巧)
- 头条小程序登录40014 bad params
- MySQL使用Mycat实现分库分表-读写分离
- Vmware14安装苹果系统macos
- 可视化开发平台的内容介绍
- 限制性定语从句和非限制性定语从句的区别
- 哈工大视听觉信号处理——听觉部分报告——一种智能家居命令词识别系统的设计
- 关于前端的CSS命名
- Java后端响应出来的图片流在HTML中显示
- 产品经理(12)#竞品调研