当前位置:Gxlcms > JavaScript > Vuefilter使用详解

Vuefilter使用详解

时间:2021-07-01 10:21:17 帮助过:30人阅读

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

VueJs 提供了强大的过滤器API,能够对数据进行各种过滤处理,返回需要的结果

Vue 过滤器的基本用法




//在标签中使用
<input type="password" v-model="psw | validate">

默认的过滤器

注意:在Vue 2.0版本中已经废弃使用默认过滤器

名称功能
capitalize首字母大写
uppercase全部大写
lowercase全部小写
currency输出金钱以及小数点
pluralize输出复数的形式
debounce延期执行函数
limitBy在 v-for 中使用,限制数量
filterBy在 v-for 中使用,选择数据
orderBy在 v-for 中使用,排序

自定义过滤器

使用全局定义一个过滤器


在表单中使用


<input type="password" placeholder="输入密码" v-model="psw | validate" maxlength = "18">

大家学会了吗?觉得有用的赶紧收藏起来吧。

相关推荐:

Ajax请求和Filter配合案例详解

详解CSS3的filter滤镜属性

JavaScript中filter函数的详细介绍

以上就是Vue filter使用详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行