vue2中的过滤器filter怎样实现首字母大写
程序员文章站
2022-07-15 16:18:58
...
过滤器的注意点:
1.filters本质上是一个函数
2.在函数中,一定要有return
3.过滤器的形参,可以得到“管道符”前面待处理那个值
示例代码:
<div id="app">
{{message | capi}}
</div>
filters:{
// 注意:过滤器函数形参中的val,永远都是“管道符”前面的那个值
capi(val){
const first = val.charAt(0).toUpperCase();
const other = val.slice(1);
return first + other
}
}
说明:
1.字符串有charAt方法 ,这个方法接收索引值,表示从字符串中把索引对应的字符,获取出来
2.字符串的slice方法,可以截取字符串,从指定索引往后截取