过滤器使用

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

一、全局过滤器

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>

二、局部过滤器

vue定义过滤器_vue