因split(' ')遇首尾/连续空格生成空字符串，取''[0]为undefined致touppercase()报错；正确做法是先trim()再用/\s+/分割并过滤空项，且每个单词需charat(0).touppercase()+slice(1).tolowercase()处理。
uni-app里用filter做姓名首字母大写，为什么一输入空格就报错？
因为直接 split(' ') 遇到首尾或连续空格会生成空字符串 ''，取 ''[0] 是 undefined，再调 toUpperCase() 就崩了。这不是你代码写错了，是字符串边界没处理。
正确做法是先 trim() 去头尾空格，再用正则 /\s+/ 分割——它能自动合并所有空白符（空格、制表、换行），避免产生空元素。
-
name.trim().split(/\s+/)比name.split(' ')更健壮 - 必须加
.filter(word => word.length > 0)双保险（虽然正则已大幅降低风险） - 每个单词要单独处理：用
word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()，不能只改首字母还留着原大小写
在uni-app中注册全局过滤器，路径和写法容易错在哪？
很多人把过滤器文件放在 common/filters/index.js，但忘了在 main.js 里显式引入并注册。uni-app（尤其Vue 3版本）不会自动扫描目录，不手动 Vue.filter() 就等于没写。
注意两点：
- Vue 2 和 Vue 3 的入口文件不同：
main.js（Vue 2）或main.ts（Vue 3）都得改，不能只改一个 - 过滤器名别起太泛，比如叫
capitalize容易和别的库冲突，建议明确为capitalizeName - 如果用 Composition API（
<script setup></script>），全局过滤器依然生效，但不能在setup()里用computed替代——那是响应式计算，不是模板层的格式化
中文姓名怎么处理？js-pinyin 要不要引入？
纯英文姓名用上面的 charAt(0).toUpperCase() 就够了；但中文姓名（如“张三”）需要转拼音首字母，这时候才轮到 js-pinyin。
关键点不是“要不要”，而是“怎么轻量接入”：
- 别在过滤器里动态
import pinyin from 'js-pinyin'—— 这会让每个调用都触发模块加载，影响性能 - 提前在
main.js或过滤器文件顶部静态引入一次：import pinyin from 'js-pinyin'，然后在过滤器函数里直接用 - 设置选项：
pinyin.setOptions({ checkPolyphone: false, charCase: 0 })，否则多音字或大小写可能出意外 - 提取首字母用
pinyin.getFirstLetter(name)，比getCamelChars().substring(0,1)更准且快
WXS里能不能做首字母大写？有必要吗？
可以，但没必要。WXS 适合高频、视图层独占的运算（比如滑动动画中的实时坐标计算），而姓名格式化是低频、一次性、且依赖外部库（如 js-pinyin）的操作——WXS 不支持 npm 包，也没 trim() 和正则的完整能力。
强行塞进 WXS 只会带来两个麻烦：
- 中文转拼音得手写映射表，维护成本爆炸
- 大小写转换逻辑要重复实现，且无法复用已有测试用例
- 最终还得通过
setData吐回逻辑层，反而增加通信开销
真正容易被忽略的是：过滤器返回值必须是字符串，且不能修改原数据引用——如果传入 null 或 undefined，过滤器里得兜底返回空字符串，否则模板渲染会出白屏。
