小程序对订单进行分类 uni-app

【小程序对订单进行分类】1、请求接口拿到全部的订单数据后，要把它分类到对应的状态中，如下图

文章图片

2、根据后台返回数据的状态进行分类
在循环数据之前要对每一个进行重新赋值避免出现重复

//重新初始化赋值 this.arr1 = [] this.arr2 = [] this.arr3 = [] this.arr4 = [] this.arr5 = [] this.arr1 = res.data.data//全部订单 this.orderList = res.data.data

//循环全部的数据，根据对应的下标进行判断分类，并push到相应的arr数组中 for(let i = 0; i < this.orderList.length; i++){ if(this.orderList[i].is_succ == 1){ this.orderStatus = '已完成' this.arr2.push(this.orderList[i]) } else { if(this.orderList[i].buy_code == 0){ this.orderStatus = '待付款' this.arr3.push(this.orderList[i]) if(this.arr3.length > 0){ uni.showTabBarRedDot({ index:1 }) } else { uni.hideTabBarRedDot({ index:1 }) } } else { if(this.orderList[i].is_refund == 0){ this.orderStatus = '待使用' this.arr4.push(this.orderList[i]) } else { this.arr5.push(this.orderList[i]) if(this.arr5.length > 0){ uni.showTabBarRedDot({ index:1 }) } else { uni.hideTabBarRedDot({ index:1 }) } } } } }