Vue--过滤器limitBy fiterBy orderBy

1.1字母操作

  • 1.1字母操作
    • 1.capitalize(首字母大写)

      deng:{{'deng' | capitalize}}

    • 2.uppercase(字母大写)

      deng:{{'deng' | uppercase}}

    • 3.lowercase(字母小写)

      DENG:{{'DENG' | lowercase}}

  • Vue--过滤器limitBy fiterBy orderBy_第1张图片

    1.2 json过滤器

  • 1.2json过滤器

    {{did | json 4}}

  •  did: {'name':'ddfe','age':3},

    1.3限制

    1.3.1 偏移过滤器 limitBy

    items: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15],
  • 1.limitBy(限制数组)
    显示开始的十个元素{{item}}
    显示从第五个开始的十个元素{{item}}


  • 1.3.2 匹配过滤器 fiterBy

  • 2.filterBy(匹配)
    {{user.name}}
  •  names: '',
                   users: [{name:'Bruce'},{name:'Chuck'},{name:'jackie'}],

    1.3.3 排序过滤器 orderBy

  • 3.orderBy(排序)
    {{user.firstName}}, {{user.age}}, {{user.lastName}}
  •  users2: [{firstName:'c',lastName:'Bruce',age:1},{firstName:'b',lastName:'Chuck',age:2},{firstName:'a',lastName:'jackie',age:3}],

    1.4currency过滤器

  • 1.4currency过滤器 {{amount | currency '$' 3}}
  • amount: 12345,








    你可能感兴趣的:(Vue)