1、JSX渲染變數
vue在html程式碼區渲染變數使用雙大括號{{ }}
,jsx在渲染是單大括號{}
另外,這裡隨便記一下一個簡單有點繞的業務邏輯
2、多個變數影響判斷三元表示式
根據上圖,想要的效果分別是:
- 訂單狀態是否支付,顯示對應狀態
- 已支付的訂單是否申請開發票,顯示對應狀態;且已申請的無法再申請、未支付的訂單無法申請開發票
- 未支付的訂單無法開發票
需要判斷的條件為:
- 訂單狀態:服務端獲取的state 為0是未支付,1是已支付;
- 開發票按鈕:服務端獲取的invoicestate為0是未申請,1是已申請;invoicestate為0時同時判斷state 是否為0,如果為0則無法申請發票