vue定义过滤器

过滤器使用

• ​​一、全局过滤器​​
• ​​二、局部过滤器​​

---

一、全局过滤器

export function getSex(value){
    switch (value) {
        case 'man':
          return '男';
        case 'woman':
          return '女';
        default:
          return value;
      }
};

export function getDate(time){
    var d = new Date(time);
      var times=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
      return times;
};

export function getEducation(value){
    switch (value) {
        case 'college':
          return '大学';
        case 'highschool':
          return '高中';
        default:
          return value;
      }
};

使用全局过滤器

<el-table-column
      prop="birthday"
      label="出生日期"
      width="120"
      sortable>
      <template slot-scope="scope">
        <span>{{ scope.row.birthday | getDate}}</span>
      </template>
    </el-table-column>

二、局部过滤器