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搭配使用。
注意:这三个过滤器所处理的表达式的值必须是数组,否则程序会报错

猜你喜欢

转载自blog.csdn.net/wang___k/article/details/79020201