在項目中如何使用Vuefilter

Vue filter介紹及其使用

VueJs 提供了強大的過濾器API，能夠?qū)?shù)據(jù)進(jìn)行各種過濾處理，返回需要的結(jié)果。

Vue.js自帶了一些默認(rèn)過濾器例如：

capitalize 首字母大寫

uppercase 全部大寫

lowercase 全部小寫

currency 輸出金錢以及小數(shù)點

pluralize 輸出復(fù)數(shù)的形式

debounce 延期執(zhí)行函數(shù)

limitBy 在 v-for 中使用，限制數(shù)量

filterBy 在 v-for 中使用，選擇數(shù)據(jù)

orderBy 在 v-for 中使用，排序

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

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

效果圖：

上代碼：

相信看了本文案例你已經(jīng)掌握了方法，更多精彩請關(guān)注Gxl網(wǎng)其它相關(guān)文章！

推薦閱讀：

使用mint-ui在手機端做出三級聯(lián)動

D3.js做出內(nèi)存圓形儲存圖

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