当前位置:Gxlcms > JavaScript > Vuefilter介绍及其使用

Vuefilter介绍及其使用

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

本文主要介绍了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">

相关推荐:

详解CSS3的filter滤镜属性

JavaScript中filter函数的详细介绍

JavaWeb Servlet中关于Filter过滤器的实例分析

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

人气教程排行