1. 程式人生 > 其它 >filters過濾器的使用

filters過濾器的使用

過濾器主要用於當介面返回的資料和前臺需要展示的資料不一樣時,進行資料轉換。下面例子實現 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)