我們在做項目中有可能會遇到這樣一種情況 比如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(沒有緩存)循環多少次執行多少次 有點浪費性能了
每天分享一個前端偷懶小技巧 大家喜歡的話可以給我加個關注哈