vue实现的封装全局filter并统一管理操作示例

2020-06-16 06:44:45易采站长站整理

}else if(type == '.'){
return year + '.' + month + '.' + day + ' ' + hours + ':' + minutes + ':' + seconds;
}else{
return year + '年' + month + '月' + day + '日' + ' ' + hours + ':' + minutes + ':' + seconds;
}
}
}

然后在 main.js 中引入注册即可使用:


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

在页面中使用:


<p>{{time | normalDate('/')}}</p> //这样时间戳就会转化为xxxx/xx/xx的格式

希望本文所述对大家vue.js程序设计有所帮助。