为了账号安全,请及时绑定邮箱和手机立即绑定

有大佬遇到过这个问题吗:vue模板上的优化怎么回事哈啊?

有大佬遇到过这个问题吗:vue模板上的优化怎么回事哈啊?

函数式编程 2019-08-21 19:28:16
用switch做感觉代码还是很多,还有更简洁的方式吗?{{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;}}
查看完整描述

2 回答

?
慕田峪4524236

TA贡献1875条经验 获得超5个赞

{{getState(state)}}
data(){
return{
state:'Wait'
}
}
methods:{
getState(stateName){
conststates={
Wait:'兑换成功,等待发货',
Sent:'商家已发货',
Cancel:'订单已取消',
Fail:'订单失败'
}
returnstates[stateName]||'无效状态'
}
}
                            
查看完整回答
反对 回复 2019-08-21
  • 2 回答
  • 0 关注
  • 250 浏览
慕课专栏
更多

添加回答

了解更多

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信