1. 程式人生 > >vue 的過濾器

vue 的過濾器

api enc urn 1.0 版本 capital lower ice 定義

1.0版本:

  limitBy

  filteBy

  orderBy

  lowerBy

  upperBy

  json

  currency

  capitalize

  pluralize

  debounce

2.0版本:

要自己實現過濾,{{msg | uppercase}}  {{msg | limitTo(5) }}如下:

局部過濾:  在vue對象裏寫屬性:

“filter”:{//自定義過濾器

  "uppercase";function(data){  //data為取到的msg數據

    return data.toUppercase();  //轉大寫

  },

  "limitTo":function(data,index){   //截取數據

    if(!data){

      return;

    }else{

      return data.slice(0,index);

    }

  }

}

全局過濾:

必須寫在new vue({})前面

vue.filters()

vue.extend()

vue 的過濾器