定义公共的过滤方法:
过滤器文件: (位置可以自定义, 可以定义多个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);