vue.1的各种自带过滤器

来源:互联网 发布:linux dump 内存 编辑:程序博客网 时间:2024/05/17 23:40

1、capitalize
功能:首字母大写
2、uppercase
功能:全部大写
3、uppercase
功能:全部小写
4、currency
功能:输出金钱以及小数点
第一个参数 {String} [货币符号] - 默认值: ‘$’
第二个参数 {Number} [小数位] - 默认值: 2


{{message | currency}} 输出$123.47
{{message | currency ‘¥’ “1”}} 输出¥123.5

5、pluralize
功能: 如果只有一个参数,复数形式只是简单地在末尾添加一个 “s”。如果有多个参数,参数被当作一个字符串数组,对应一个、两个、三个…复数词。如果值的个数多于参数的个数,多出的使用最后一个参数。

{{message}} {{message | pluralize ‘item’}} //输出: 1 item

6、debounce
(1)限制: 需在@里面使用
(2)参数:{Number} [wait] - 默认值: 300
(3)功能:包装处理器,让它延迟执行 x ms, 默认延迟 300ms。包装后的处理器在调用之后至少将延迟 x ms, 如果在延迟结束前再次调用,延迟时长重置为 x ms。

   /'<button @click="disappear | debounce 10000">点击我,我将10秒后消失</button>

7、limitBy

(1)限制:需在v-for(即数组)里面使用

(2)两个参数:

第一个参数:{Number} 取得数量

第二个参数:{Number} 偏移量

8、filterBy

(1)限制:需在v-for(即数组)里面使用

(2)三个参数:

第一个参数: {String | Function} 需要搜索的字符串

第二个参数: in (可选,指定搜寻位置)

第三个参数: {String} (可选,数组格式)

v-for=”item in man | filterBy ‘l’ in ‘name’ ‘dada’ “

9、orderBy

(1)限制:需在v-for(即数组)里面使用

(2)三个参数:

第一个参数: {String | Array | Function} 需要搜索的字符串

第二个参数: {String} 可选参数 order 决定结果升序(order >= 0)或降序(order < 0),默认是升序

原创粉丝点击