Vue.js 提供了強大的過濾器API,能夠對數據進行各種過濾處理,返回需要的結果。
Vue.js自帶了一些默認過濾器例如:
capitalize 首字母大寫
uppercase 全部大寫
lowercase 全部小寫
currency 輸出金錢以及小數點
pluralize 輸出復數的形式
debounce 延期執行函數
limitBy 在 v-for 中使用,限制數量
filterBy 在 v-for 中使用,選擇數據
orderBy 在 v-for 中使用,排序
在Vue.js中還自帶了filter自定義過濾器代碼說明一切:
下面一個實例講解Vue.js自帶過濾器的使用:
效果圖:
上代碼:
Vue.js filter過濾器詳細使用完畢