最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

Vuefilter介绍及其使用

来源:动视网 责编:小OO 时间:2020-11-27 20:07:37
文档

Vuefilter介绍及其使用

VueJs 提供了强大的过滤器API,能够对数据进行各种过滤处理,返回需要的结果。Vue 过滤器的基本用法。或;//在标签中使用<;input type=";password";v-model=";psw | validate";>;。默认的过滤器;注意:在Vue 2.0版本中已经废弃使用默认过滤器。
推荐度:
导读VueJs 提供了强大的过滤器API,能够对数据进行各种过滤处理,返回需要的结果。Vue 过滤器的基本用法。或;//在标签中使用<;input type=";password";v-model=";psw | validate";>;。默认的过滤器;注意:在Vue 2.0版本中已经废弃使用默认过滤器。
 本文主要介绍了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">

文档

Vuefilter介绍及其使用

VueJs 提供了强大的过滤器API,能够对数据进行各种过滤处理,返回需要的结果。Vue 过滤器的基本用法。或;//在标签中使用<;input type=";password";v-model=";psw | validate";>;。默认的过滤器;注意:在Vue 2.0版本中已经废弃使用默认过滤器。
推荐度:
标签: 使用 VUE 用法
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top