Vue filter介紹及其使用

VueJs 提供了強大的過濾器API，能夠對數據進行各種過濾處理，返回需要的結果。

Vue.js自帶了一些默認過濾器例如：

capitalize 首字母大寫

uppercase 全部大寫

lowercase 全部小寫

currency 輸出金錢以及小數點

pluralize 輸出復數的形式

debounce 延期執行函數

limitBy 在 v-for 中使用，限制數量

filterBy 在 v-for 中使用，選擇數據

orderBy 在 v-for 中使用，排序

在Vue中還自帶了filter自定義過濾器代碼說明一切：

下面一個實例講解Vue自帶過濾器的使用：

效果圖：

上代碼：

相信看了本文案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！

推薦閱讀：

使用mint-ui在手機端做出三級聯動

D3.js做出內存圓形儲存圖

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com