欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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方法,可以截取字符串,从指定索引往后截取