Vue - Filters

Vue 全局使用 Filters

1. 在src/assets下新建一个filters.js文件。

let dateFilters = function(date) {  // date：即为要过滤的key
    return 1234;
};

export {
    dateFilters
};

2. 在main.js中，注册Filters.

// filters
import * as filters from './eam/assets/filters';
Object.keys(filters).forEach(key => {
    Vue.filter(key, filters[key])
})

3. 在vue文件中使用即可。

<!-- 发生时间 -->
<template slot-scope="{ row, index }" slot="start_time">
    <span>{{ row.start_time | dateFilters }}</span>
</template>