时间:2021-05-26
一、本节说明
在使用插值表达式的时候,我们通常会有一种需求,就是将数据进行二次的格式化。VUE的过滤器的实现参考了linux的shell命令的管道的实现原理:即上一个命令的输出,是下一个命令的输入。
所以过滤器可以串接使用:{{数据 | 过滤器A | 过滤器B}}
除了在插值表达式中可以使用过滤器,在后文中将要学习到的v-bind指令中也可以使用过滤器。用法是一致的,到时候我们再看一看。
二、 怎么做
全局过滤器(定义一个用于做日期格式化的过滤器)
三、 效果
过滤器的使用方法:
{{message}}{{message|date-format('yyyy-mm-dd')}}浏览器显示的效果:
四、 深入:私有过滤器
除了可以定义全局的过滤器,我们还可以定义私有过滤器。但是过滤器这种代码,类似于工具类,我们一般定义为全局的,让它在各个模块、组件里面都可以使用。
注意:当有局部和全局两个名称相同的过滤器时候,会以就近原则进行调用,即:局部过滤器优先于全局过滤器被调用!
以上就是vue通过过滤器实现数据格式化的详细内容,更多关于vue实现数据格式化的资料请关注其它相关文章!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
AnularJS的过滤器用来格式化需要展示给用户的数据,有很多实用的内置过滤器,也可以自己编写。在HTML中的模板绑定符号{{}}内通过|符号来调用过滤器。例如
vue2.0已经废弃了过滤器,需要自定义过滤器,用于一些常见的文本格式化。感觉超级好用!!过滤器可以用在两个地方:双花括号插值和v-bind表达式。过滤器应该被
过滤器1.过滤器规则Vue.js允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值{{}}和v-bind表达式(后者从2.1
Vue允许自定义过滤器可被用作一些常见的文本格式化过滤器可以用在两个地方:mustache插值表达式和v-bind表达式过滤器应被添加在JavaScript表达
本文实例讲述了vue学习笔记之过滤器的基本使用方法。分享给大家供大家参考,具体如下:以下是一个将浏览器默认时间格式格式化的例子:过滤器{{date|format