vue3 jsx響應式渲染變數

小小小侠發表於2024-08-31

1、JSX渲染變數

vue在html程式碼區渲染變數使用雙大括號{{ }},jsx在渲染是單大括號{}

vue3 jsx響應式渲染變數

另外,這裡隨便記一下一個簡單有點繞的業務邏輯

2、多個變數影響判斷三元表示式

vue3 jsx響應式渲染變數

根據上圖,想要的效果分別是:

  • 訂單狀態是否支付,顯示對應狀態
  • 已支付的訂單是否申請開發票,顯示對應狀態;且已申請的無法再申請、未支付的訂單無法申請開發票
  • 未支付的訂單無法開發票

需要判斷的條件為:

  • 訂單狀態:服務端獲取的state 為0是未支付,1是已支付;
  • 開發票按鈕:服務端獲取的invoicestate為0是未申請,1是已申請;invoicestate為0時同時判斷state 是否為0,如果為0則無法申請發票

vue3 jsx響應式渲染變數

相關文章