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