定义公共的过滤方法:
过滤器文件: (位置可以自定义, 可以定义多个js, 多个方法)
src/filter/index.js
在index中定义一个方法:
export default {
formatDate(date) {
var Y = date.getFullYear() + '-';
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + '';
return Y + M + D;
}
}
配置:
import filters from './filters' //过滤器文件所在位置
/**
* 统一的过滤器
*/
for (let i in filters) {
Vue.filter(i, filters[i])
}
new Vue({
el: '#app',
router,
filters, //过滤器
template: '<App/>',
components: { App }
})
使用: this.$options.filters.方法名称
let date = new Date();
console.log('date:', date);
let filterDate = this.$options.filters.formatDate(date);
console.log('filteDate:', filterDate);