vue2.x中的过滤器,不同于vue1.X,在vue2.X中的过滤器,要在js中设置,如果是复杂的格式的装换,可以使用计算属性:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>过滤器</title> <script src="https://unpkg.com/vue"></script> </head> <body> <div id="app"> {{message | capitalize }} </div> <script> //vue中的过滤器,就是用来处理文本转换的,如果使用更复杂的数据转换,使用计算属性 vue2.0中过滤器只能使用v-bind //vue2中的过滤器 用在filter中定义 var vm=new Vue({ el:"#app", data:{ message:"hello" }, filters:{ capitalize: function (value) { value = value.toString();//toString() 方法可把一个逻辑值转换为字符串,并返回结果。 toString 将逻辑值转化成一个字符串的形式 charAt()找到字符串中某个位置的字符 return value.charAt(0).toLocaleUpperCase() + value.slice(1) } },//对象用来绑定多个方法 }) </script> </body> </html>
以上代码的输出结果是 Hello;;;;