vue的过滤器通常用在一些常见的文本格式化，过滤器可以用在两个地方：双花括号插值和 v-bind 表达式。本文给大家介绍了web前端vue filter 过滤器的相关知识，感兴趣的朋友一起看看吧
vue的过滤器通常用在一些常见的文本格式化，过滤器可以用在两个地方：双花括号插值和 v-bind 表达式。
比如给价格自动加上中文的钱的字符“￥”或者是给一个时间段或（时间戳）相互之间的来1源gaodai#ma#com搞*代#码1网转换过滤。
在javascript和jquery的年代！时间段的显示或者是提交，都是要在显示的时候要转换下或者提交的时候转换下，这样就有点繁琐了（个人用了vue后的感觉繁琐了）。
不多说直接看例子如下：
filter定义的过滤器可以局部，可以全局的下面就直接说全局的
老样子还是等先注册一个全局的过滤器关键字（filter）
全局的注册过滤器是在main.js这个文件里，当然也可以单独的一个js文件里
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}} // 使用方式，就是怎么简单，整个项目随便用
好了！简单的介绍了过滤器使用方法和方式，下一章我会讲稍微复杂点，串联过滤器和带参数的过滤器。
以上就是web前端vue filter 过滤器的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：web前端vue filter 过滤器
转载请注明原文链接：web前端vue filter 过滤器
