1、JSX渲染变量
vue在html代码区渲染变量使用双大括号{{ }}
,jsx在渲染是单大括号{}
另外,这里随便记一下一个简单有点绕的业务逻辑
2、多个变量影响判断三元表达式
根据上图,想要的效果分别是:
- 订单状态是否支付,显示对应状态
- 已支付的订单是否申请开发票,显示对应状态;且已申请的无法再申请、未支付的订单无法申请开发票
- 未支付的订单无法开发票
需要判断的条件为:
- 订单状态:服务端获取的state 为0是未支付,1是已支付;
- 开发票按钮:服务端获取的invoicestate为0是未申请,1是已申请;invoicestate为0时同时判断state 是否为0,如果为0则无法申请发票