欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > vue >内容正文

vue

vue2中的过滤器filter怎样实现首字母大写

发布时间:2023/12/31 vue 44 豆豆
生活随笔 收集整理的这篇文章主要介绍了 vue2中的过滤器filter怎样实现首字母大写 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

过滤器的注意点:

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

总结

以上是生活随笔为你收集整理的vue2中的过滤器filter怎样实现首字母大写的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。