Vue 过滤器

目的:处理同一种数据1、基本过滤:小写

{{str|lowercase}}

大写

{{str|uppercase}}

首字母大写Capitalize货币CurrencyCurrency  '¥'  2  // 第三个参数是精确值json值转换成字符串:{{obj| json}}把单数变复数Pluralize2. 高级过滤orderBy  数组排序filterBy  抽取某一个  //第一参数是搜索对象的属性性limitBy  切割数组字符串、分页例子第一个参数为截取数组的长度第二个参数为截取的起始值截取的起始值为负数从后往前切割分页:Js:Start :0,Methods:{Next:function(){This.start+=2},}3.自定义过滤器1)注意:代码写在构造器的前面Js 代码:Vue.filter('ed',function(input,params1,params2,params3){//这里return的是input参数的字符串拼接+自定义的过滤器名称Return input+"ed"})New Vue({…………..})2)这种写法是局部定义,只能该下的构造器使用注意:这里的filters是复数哦!filters:{Ing:function(input){Return input + "ing"}}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在这个教程中,我们将会通过几个例子,了解和学习VueJs的过滤器。我们参考了一些比较完善的过滤器,比如orderB...
    一缕清风1144阅读 4,893评论 0 1
  • 在这个教程中,我们将会通过几个例子,了解和学习VueJs的过滤器。我们参考了一些比较完善的过滤器,比如orderB...
    嘉宝_Appian阅读 1,206评论 1 4
  • 过滤器是个啥? 使用vue的时候,绑定数据时超级方便的,只需要 {{message}}这样既可,但是有时候我们也有...
    小枫学幽默阅读 1,899评论 1 6
  • 1.过滤器的写法 2.Vue1自带的过滤器 3.自定义过滤器
    寒梁沐月阅读 455评论 0 0
  • 月底烟波冷,凉声透碧纱。梦回江上泛浮槎。误入世间漂泊,不是惯风沙。 烛下新书迹,杯中只旧茶。小庭闲坐数栖鸦。我是莲...
    藐姑仙阅读 1,095评论 0 0