本篇文章給大家分享的是有關(guān)怎么在Vue中使用filter，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
我們提供的服務(wù)有：做網(wǎng)站、網(wǎng)站設(shè)計、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、鳳山ssl等。為上千余家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的鳳山網(wǎng)站制作公司
Vue 過濾器的基本用法
重慶分公司
重慶分公司
// 注冊
Vue.filter('my-filter', function (value) {
// 返回處理后的值
})
// getter，返回已注冊的過濾器
var myFilter = Vue.filter('my-filter')//在mustache中使用
{{ msg | uppercase }}或
//在標簽中使用
默認的過濾器
注意：在Vue 2.0版本中已經(jīng)廢棄使用默認過濾器
| 名稱 | 功能 |
|---|---|
| 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('validate', function(val) {
val = val.toString();
reg = /[`~!@#$%^&*()_+<>?:"{},\/;']/im;
if(reg.test(val)) {
$.alert("請勿輸入非法字符", "溫馨提示");
//返回時刪除非法字符
return val.substr(0, val.length - 1);
} else {
//原內(nèi)容返回
return val;
}
});在表單中使用
以上就是怎么在Vue中使用filter，小編相信有部分知識點可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
