main.js配置
// 文件路由要改成自己的
import * as filters from './js_files/filters'
Object.keys(filters).forEach(key => {
Vue.filter(key, filters[key])
})
在文件中可以填写过滤器函数
import moment from 'moment'
// 时间过滤器
export function date_filter(value){
value = moment(value).format('YYYY-MM-DD HH:mm:ss')
return value
}
当设置过,直接在视图变量后面使用即可
<el-table :data="tableData" border style="width: 100%;font-size:10px">
<el-table-column prop="create_time" label="创建时间" width="150">
<template slot-scope="scope">
{{ scope.row.create_time | date_filter}}
</template>
</el-table-column>
</el-table>