filters過濾器的使用
阿新 • • 發佈:2021-08-04
過濾器主要用於當介面返回的資料和前臺需要展示的資料不一樣時,進行資料轉換。下面例子實現 0 ---》 一 的轉換
方法:
filters: text(val) { var text = ""; switch (val - 0) { case 0: text = "一"; break; case 1: text = "二"; break; case 2: text = "三"; break;case 3: text = "四"; break; case 4: text = "五"; break; case 5: text = "六"; break; case 6: text = "七"; break; case 7: text = "八"; break; case 8: text = "九";break; case 9: text = "十"; break; } return text; }, },
模板中的寫法:
<p>{{ index | text }}</p>
在methods方法中的使用:
this.$options.filters['text'](i)