Vue filter介紹及詳細(xì)使用

Vue filter介紹及其使用

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

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

capitalize 首字母大寫

uppercase 全部大寫

lowercase 全部小寫

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

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

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

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

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

orderBy 在 v-for 中使用，排序

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

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

效果圖：

上代碼：

至此Vue filter的介紹及詳細(xì)使用介紹完畢

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