vue模板上的优化大佬们有什么好的建议？

用switch做感觉代码还是很多,还有更简洁的方式吗?class="title">{{orderStateValue}}

init(){switch(res.OrderInfo.OrderState){case'Wait':this.orderStateValue='兑换成功，等待发货';break;case'Sent':this.orderStateValue='商家已发货';break;case'Cancel':this.orderStateValue='订单已取消';break;case'Fail':this.orderStateValue='订单失败';break;default:break;}}

神不在的星期二

浏览 356回答 2

2回答

至尊宝的传说

{{getState(state)}}data(){return{state:'Wait'}}methods:{getState(stateName){conststates={Wait:'兑换成功，等待发货',Sent:'商家已发货',Cancel:'订单已取消',Fail:'订单失败'}returnstates[stateName]||'无效状态'}}

0 0

随时随地看视频慕课网APP