我在 vuex中請(qǐng)求到的數(shù)據(jù):data: [ { id: 1, play_alias: 'basketball', // 商品簡(jiǎn)稱(chēng) play_type: '001', // 玩法 order_status: 1, // 0.待支付; 1.支付成功,待出票; 2.出票成功,待開(kāi)獎(jiǎng); 3.出票失敗,待退款, 4.已退款, 5.未中獎(jiǎng), 6.已中獎(jiǎng) show_status: 1, // 顯示狀態(tài); 0,不顯示(用戶(hù)刪除), 1,顯示 }, { id: 2, play_alias: 'football' play_type: '003', order_status: 4, show_status: 1, }]需要這樣展示:?jiǎn)栴}:根據(jù)show_status判斷是否顯示;根據(jù)order_status分類(lèi),中獎(jiǎng)、待開(kāi)獎(jiǎng)、未開(kāi)獎(jiǎng);根據(jù)play_alias添加固定的中文名(我的想法是根據(jù)play_alias添加一個(gè)play_name屬性,然后直接渲染play_name上去就好了)
2 回答

至尊寶的傳說(shuō)
TA貢獻(xiàn)1789條經(jīng)驗(yàn) 獲得超10個(gè)贊
1.可以在組件里加filter,具體怎么用可以看vue的文檔,有專(zhuān)門(mén)的filter講解(不鼓勵(lì)做伸手黨,看文檔能學(xué)到更多的東西
2.差值表達(dá)式可以執(zhí)行簡(jiǎn)單的js代碼,分支過(guò)多還是算了?;蛘咴谡?qǐng)求返回交給state之前處理掉
3.如果中文名稱(chēng)與play_alias字段的映射關(guān)系不想維護(hù)在前端可以增加一個(gè)字段,否則也可以用第二條,在返回后交給state之前處理掉
添加回答
舉報(bào)
0/150
提交
取消