Vue 过滤器--菜鸟--有错误谢谢指教!!

内置过滤器
必须指出的是,在Vue2.0中,删除了所有的内置过滤器
1、字母操作
Vue.js 内置了 capitalize、uppercase、lowercase 三个过滤器用于处理英文字符。注意:这三个过滤器仅针对英文字符串使用

lowercase 过滤器:把数据变成小写形式
capitalize过滤器:把首字母变成大写形式

过滤器可以接受参数,参数跟在过滤器名称后面,参数之间以空格分隔。代码示例如下:

{{ message | filterA('arg1', arg2) }}
过滤器函数将始终以表达式的值作为第一个参数,带引号的参数会被当作字符串处理,而不带引号的参数会被当作数据属性名来处理。
这里的 message 将作为第一个参数,字符串arg1 作为第二个参数,表达式 arg2 的值在计算出来以后作为第三个参数传给过滤器。同时,Vue.js 的过滤器支持链式调用,上一个过滤器的输出结果可以作为下一个过滤器的输入

1-1、capitalize
capitalize 过滤器用于将表达式中的首字母转换为大写形式

{{'abc' | capitalize}}  // 'abc' => 'Abc'
1-2、uppercase
uppercase 过滤器用于将表达式中的所有字母转换为大写形式

	
{{'abc' | uppercase}}  // 'abc' => 'ABC'
1-3、lowercase
lowercase 过滤器用于将表达式中的所有字母转换为小写形式

{{'ABC' | lowercase}}  // 'ABC' => 'abc'
Vue.js 中内置了 limitBy、filterBy、orderBy 三个过滤器用于处理并返回过滤后的数组,比如与v-for搭配使用。
注意:这三个过滤器所处理的表达式的值必须是数组,否则程序会报错

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值