北京荨麻疹医院好 http://baidianfeng.39.net/a_zhiliao/210116/8595950.html
filter过滤器问题

程序中有些数据不能直接个人看，而是必须先加工才能个人看

比如：数据库中性别用1和0表示，但是用户看到的是男和女

　　　　　　数据库中的订单状态用0,1,2表示，但是用户需要看到的是未发货，已发货，已收货等等。

解决:

今后，只要一个数据必须先经过加工才能给人看时，都要用过滤器

什么是filter

对一个变量的原始值，先加工，再显示的一个特殊的函数

如何使用filter:2步:(1).创建过滤器函数:

//先创建一个过滤器函数

//再将过滤器函数保存到Vue类型中备用

//变量的原始值

↓自动传给

Vue.filter("过滤器名",function(形参){

//经过转化后

←return可以给人看的新值

})

(2).在界面中使用过滤器:

元素{{变量

过滤器}}/元素

代表的是连接

原理:

(1).newVue()扫描到

，会先将变量的原始值，自动传给过滤器的形参，并自动调用过滤器函数

(2).然后将过滤器返回的新值，代替当前变量所在位置.

强调:

因为将来过滤器名是在HTML中{{}}内js地盘使用的，所以如果名称中包含多个英文单词，必须用驼峰命名！

案例

性别展示

!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"meta

转载请注明:http://www.aideyishus.com/lkcf/132.html