vue2中的过滤器filter怎样实现首字母大写
生活随笔
收集整理的这篇文章主要介绍了
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怎样实现首字母大写的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: 团购推广文案29句
- 下一篇: vue改变页面顶部浏览器标题栏图标