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;;;;