vue定义公共的filter方法,并使用this.$options.filters.方法名称 访问方法。
定义公共的过滤方法: 过滤器文件: (位置可以自定义, 可以定义多个js, 多个方法) src/filter/index.js 在index中定义一个方法: export default { formatDate(date) { var Y = date.getFullYear() + '-'; var M = (date.getMonth() + 1 < 10 ? &#
·
定义公共的过滤方法:
过滤器文件: (位置可以自定义, 可以定义多个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);
更多推荐
已为社区贡献3条内容
所有评论(0)