vue的过滤器通常用在一些常见的文本格式化，过滤器可以用在两个地方：双花括号插值和 v-bind 表达式。本文给大家介绍了web前端vue filter 过滤器的相关知识，感兴趣的朋友一起看看吧
vue的过滤器通常用在一些常见的文本格式化，过滤器可以用在两个地方：双花括号插值和 v-bind 表达式。
比如给价格自动加上中文的钱的字符“￥”或者是给一个时间段或（时间戳）相互之间的转换过滤。
在javascript和jquery的年代！时间段的显示或者是提交，都是要在显示的时候要转换下或者提交的时候转换下，这样就有点繁琐了（个人用了vue后的感觉繁琐了）。
不多说直接看例子如下：
立即学习“前端免费学习笔记（深入）”；
filter定义的过滤器可以局部，可以全局的下面就直接说全局的
老样子还是等先注册一个全局的过滤器关键字（filter）
全局的注册过滤器是在main.js这个文件里，当然也可以单独的一个js文件里
盛世企业网站管理系统1.1.2
下载
免费 盛世企业网站管理系统(SnSee)系统完全免费使用，无任何功能模块使用限制，在使用过程中如遇到相关问题可以去官方论坛参与讨论。开源 系统Web代码完全开源，在您使用过程中可以根据自已实际情况加以调整或修改，完全可以满足您的需求。强大且灵活 独创的多语言功能，可以直接在后台自由设定语言版本，其语言版本不限数量，可根据自已需要进行任意设置；系统各模块可在后台自由设置及开启；强大且适用的后台管理支
Vue.filter('dateconversion', function (value) { // 一个时间戳转正常的过滤器
let date = new Date(value) // nuw 一个时间
let getHours // 小时
let getMinutes // 分
if(date.getHours() < 10){getHours = "0"+date.getHours()}else{ getHours = date.getHours()}
// 判断小时是否小于10的补全：加0
if(date.getMinutes() < 10){getMinutes = "0"+date.getMinutes()}else{ getMinutes = date.getMinutes()}
// 判断分是否小于10的补全：加0
return date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+" "+ getHours +":"+ getMinutes // 返回转换后的值
})使用起来很方便的，可以在各个组件里凡事有要转换显示时间的都可以用
{{date | dateconversion}} // 使用方式，就是怎么简单，整个项目随便用
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
