使用vue也有段时间了,但是很少使用过滤器filters这个属性,原因有二,首先对他不了解,其次,格式化数据在函数中也可以处理,所以即使知道有filters也很少去用他,那么今天为什么又去说filters呢?因为在特定的场景,他真的很方便,哈哈

使用场景举例:
后台返回的时间是时间戳,前台需要显示具体的年月日时分秒

针对以上场景,如果我们使用传统方法,对ajax返回的数据进行遍历,拿到时间戳后修改为日期,然后再重新赋值给原对象,相当于是对返回的寄送重新格式化一遍,这当然也是可以解决问题的,就是有些繁琐,不方便。

使用filters,我们可以全局定义一个格式化时间的过滤器,然后再数据输出的地方调用一下即可自动格式化,岂不妙哉?
定义全局的过滤器函数:capitalize

在模板中条用:

哪里使用写哪里,简直爽歪歪~~~

以上就是vue过滤器filters使用场景和使用方法介绍的全部内容,欢迎一起交流讨论指教。