宝哥软件园

Vue滤波器的介绍及其使用的详细说明

编辑:宝哥软件园 来源:互联网 时间:2021-09-03

VueJs提供了强大的过滤API,可以过滤数据并返回所需的结果

Vue滤波器的基本用法

//注册vue.filter ('my-filter ',function(value){//返回处理后的值})//getter,返回注册的filter var my filter=vue . filter(' my-filter ')//使用{{ msg |大写}}或

//使用标签中输入类型=' password ' v-model=' PSW | validate '的默认过滤器

注意:默认过滤器在2.0版本中已被放弃

Name函数大写首字母大写全部大写全部小写全部小写货币输出货币和小数点复数输出复数形式去抖延迟执行函数limitBy用于v-for,limit number filterBy用于v-for,select data orderBy用于v-for,以及排序自定义筛选器。

使用全局定义过滤器

//筛选非法字符vue.filter ('validate ',function(val){ val=val . tostring();/[`[emailprotected]#$%^*()_?'{},/;']/im;If(reg.test(val)) {$。提醒(“不要输入非法字符”、“提示”);//返回时删除非法字符returnval.substr (0,val . length-1);} else {//原始内容返回return val} });在表单中使用

输入类型=' password '占位符=' enter password ' v-model=' PSW | validate ' maxlength=' 18 '以上就是本文的全部内容。希望对大家的学习有帮助,支持我们。

更多资讯
游戏推荐
更多+