vue 計算屬性中(computed)是這樣傳遞參數的(處理后端不同返回值前端定義的不同對應狀態)


我們在做項目中有可能會遇到這樣一種情況 比如A狀態傳遞過來的是數字  我們需要使用switch來判斷這個所屬狀態分別代表什么意思  (當然啦  這個過濾器也可以實現) 不過今天我要跟大家分享的是使用計算屬性來實現

:title="typelist(items.paymentType)"

  需求: 我們的標題要跟隨這個狀態的變化而變化 

  解決方法:使用  computed

typelist() {
     return function(i) {
       console.log(i);
       let res;
       switch (Number(i)) {
         case 6:
           res = "一次性付清";
           break;
         case 1:
           res = "預付款";
           break;
         case 2:
           res = "進度款";
           break;
         case 4:
           res = "押金";
           break;
         case 5:
           res = "其他";
           break;
         default:
           res = "";
           break;
       }
       return res;
     };
   },

  我們可以根據狀態所對應的值來進行操作  

    這兒我不推薦使用methods(沒有緩存)循環多少次執行多少次  有點浪費性能了   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM