web前端vue filter 过滤器

前端之家收集整理的这篇文章主要介绍了web前端vue filter 过滤器前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

vue的过滤器通常用在一些常见的文本格式化,过滤器可以用在两个地方:双花括号插值和 v-bind 表达式。

比如给价格自动加上中文的钱的字符“¥”或者是给一个时间段或(时间戳)相互之间的转换过滤。

在javascript和jquery的年代!时间段的显示或者是提交,都是要在显示的时候要转换下或者提交的时候转换下,这样就有点繁琐了(个人用了vue后的感觉繁琐了)。

不多说直接看例子如下:

filter定义的过滤器可以局部,可以全局的下面就直接说全局的

老样子还是等先注册一个全局的过滤器关键字(filter)

全局的注册过滤器是在main.js这个文件里,当然也可以单独的一个js文件

使用起来很方便的,可以在各个组件里凡事有要转换显示时间的都可以用

{{date | dateconversion}} // 使用方式,就是怎么简单,整个项目随便用

好了!简单的介绍了过滤器使用方法和方式,下一章我会讲稍微复杂点,串联过滤器和带参数的过滤器。

原文链接:https://www.f2er.com/vue/34205.html

猜你在找的Vue相关文章