本文主要介绍了Vue filter介绍及其使用详解,VueJs 提供了强大的过滤器API,能够对数据进行各种过滤处理。一起跟随小编过来看看吧,希望能帮助到大家。
VueJs 提供了强大的过滤器API,能够对数据进行各种过滤处理,返回需要的结果

Vue 过滤器的基本用法
// 注册 Vue.filter('my-filter', function (value) { // 返回处理后的值 }) // getter,返回已注册的过滤器 var myFilter = Vue.filter('my-filter')
//在mustache中使用 {{ msg | uppercase }}
或
//在标签中使用
默认的过滤器
注意:在Vue 2.0版本中已经废弃使用默认过滤器
| 名称 | 功能 |
|---|---|
| capitalize | 首字母大写 |
| uppercase | 全部大写 |
| lowercase | 全部小写 |
| currency | 输出金钱以及小数点 |
| pluralize | 输出复数的形式 |
| debounce | 延期执行函数 |
| limitBy | 在 v-for 中使用,限制数量 |
| filterBy | 在 v-for 中使用,选择数据 |
| 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 { //原内容返回 return val; } });
在表单中使用
相关推荐:
JavaWeb Servlet中关于Filter过滤器的实例分析
Das obige ist der detaillierte Inhalt vonVue filter介绍及其使用. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
So stellen Sie aus dem Papierkorb geleerte Dateien wieder her
Was ist das Copyright-Symbol?
Welche Tools zur statischen Codeprüfung gibt es?
Java-Multithread-Programmierung
So öffnen Sie ESP-Dateien
So löschen Sie Mongodb vollständig, wenn die Installation fehlschlägt
Verwendung von typedef in der C-Sprache
So ändern Sie 3dmax auf Chinesisch