vue1 0 的過濾器

2021-09-07 10:43:35 字數 1920 閱讀 2154

vue1.0  自帶的過濾器:

一 、過濾器寫法

}

二、 vue自帶的過濾器:capitalize

功能:首字母大寫

}

上面**輸出:abc

三 、vue自帶的過濾器:uppercase

功能:全部大寫

}

上面**輸出:abc

四 、vue自帶的過濾器:uppercase

功能:全部小寫

}

上面**輸出:abc

五、 vue自帶的過濾器:currency

功能:輸出金錢以及小數點

引數:第乙個引數[貨幣符號] - 預設值: '$'

第二個引數[小數字] - 預設值: 2

} }

六、 vue自帶的過濾器:pluralize

功能: 如果只有乙個引數,複數形式只是簡單地在末尾新增乙個 「s」。如果有多個引數,引數被當作乙個字串陣列,對應乙個、兩個、三個…複數詞。如果值的個數多於引數的個數,多出的使用最後乙個引數。

引數:single, [double, triple, ...

} }

七 、vue自帶的過濾器:debounce

(1)限制: 需在@裡面使用

(2)引數:[wait] - 預設值: 300

(3)功能:包裝處理器,讓它延遲執行xms, 預設延遲 300ms。包裝後的處理器在呼叫之後至少將延遲xms, 如果在延遲結束前再次呼叫,延遲時長重置為xms。

八、 vue自帶的過濾器:limitby

(1)限制:需在v-for(即陣列)裡面使用

(2)兩個引數:

第乙個引數:取得數量

第二個引數:偏移量

九 、vue自帶的過濾器:filterby

(1)限制:需在v-for(即陣列)裡面使用

(2)三個引數:

第乙個引數:  需要搜尋的字串

第二個引數: in (可選,指定搜尋位置)

第三個引數:  (可選,陣列格式)

十、 vue自帶的過濾器:orderby

(1)限制:需在v-for(即陣列)裡面使用

(2)三個引數:

第乙個引數:  需要搜尋的字串

第二個引數:  可選引數order決定結果公升序(order >= 0)或降序(order < 0),預設是公升序

自定義過濾器:

格式:

當有多個引數的情況下,用空格隔開就好

vue.filter(filtername ,function(input));

呼叫: }

}

}

}

}

Vue 過濾器案例(全域性過濾器和區域性過濾器)

doctype html en utf 8 viewport content width device width,initial scale 1.0 js vue 2.4.0 js script 過濾器 title head 兩個過濾器的名稱都為msgformat,但是控制不同作用,乙個是全域性的...

vue學習 過濾器

作用 過濾資料,一般是把伺服器返回的資料,過濾成符合頁面展示的資料 1.私有過濾器 vue.component login data function filters 2.共有過濾器 最好把vue.filter放在元件註冊之前 vue.filter toup function input,name ...

vue中過濾器

常用語文字的格式化,過濾器可用在兩個地方 雙括號插值和v bind 表帶式 用符號 表示,在雙括號的中 在 v bind 中 具體使用請參考vue官方文件 如果專案中使用的過濾器比較多,不妨單獨用乙個filter.js檔案用來專門寫過濾器,在main.js中新增如下 就可以將filter中過濾器全部...