在vuex的store里获取的数据如何做分类处理，并添加属性

Question

我在 vuex中请求到的数据：

data: [

    {

    id: 1,

    play_alias: 'basketball', // 商品简称

    play_type: '001', // 玩法

    order_status: 1, // 0.待支付; 1.支付成功,待出票; 2.出票成功,待开奖; 3.出票失败,待退款, 4.已退款, 5.未中奖, 6.已中奖

    show_status: 1,  // 显示状态; 0,不显示（用户删除）, 1,显示

    

    },

    {

    id: 2,

    play_alias: 'football'

    play_type: '003',

    order_status: 4,

    show_status: 1,

    }

]

需要这样展示：

问题：

1. 根据show_status判断是否显示；

2. 根据order_status分类，中奖、待开奖、未开奖；

3. 根据play_alias添加固定的中文名(我的想法是根据play_alias添加一个play_name属性，然后直接渲染play_name上去就好了)

Answer 1

1.可以在组件里加filter，具体怎么用可以看vue的文档，有专门的filter讲解（不鼓励做伸手党，看文档能学到更多的东西2.差值表达式可以执行简单的js代码，分支过多还是算了。或者在请求返回交给state之前处理掉3.如果中文名称与play_alias字段的映射关系不想维护在前端可以增加一个字段，否则也可以用第二条，在返回后交给state之前处理掉