vue過濾器

vue ts 過濾器使用

復雜業務使用 moment.js

安裝： cnpm install moment --save

main.js中：

import moment from 'moment'

//時間戳轉日期格式
Vue.filter("formatDate", function(value:string): string{
    return moment(value).format('YYYY-MM-DD HH:mm:ss')//2019-05-27 16:41:35
});

//vue頁面中使用：

<div class="name">{{i.name}}({{i.createTime | formatDate}})</div>

vue 過濾器使用：
filters: {
    rounding (value) {
        //debugger
        //console.log("====",value);
       if(typeof value== "number"){
           return value.toFixed(2)
       }else{
           return value
       }
    }
},

 method方法里使用方法：

this.$options.filters['formatDate'](this.orderForm.createTimeEnd)

 

 

 

年級科目key與value值匹配

//年級科目全局過濾器

Vue.filter("gradeSubject", function(value, type) {

  let val = "";

  let filterVal = "";

  if (type == "grade") {

    filterVal = store.state.gradeList;

  } else {

    filterVal = store.state.subjectList;

  }

  filterVal.forEach((gardeItem) => {

    if (gardeItem.dictionaryKey == value) {

      val = gardeItem.dictionaryValue;

    }

  });

  return val;

});

 

 

傳參數：basicMsg和grade|subjuect