filters在微信小程序端完全不执行，因小程序无Vue模板编译阶段，管道符被直接跳过；uni-app 3.x已移除该API；应改用computed、methods或工具函数实现跨端兼容过滤逻辑。
uni-app 微信小程序端的 filters 根本不会执行，不是你写错了，是平台编译器压根不解析 | 语法——它被直接跳过，连报错都不会有。
为什么 filters 在微信小程序里完全不工作
微信小程序渲染层基于 JSON 数据驱动 + 自定义组件树，没有 Vue 模板编译阶段，{{ value | toLower }} 中的 | 管道符不会被识别，也不会触发任何函数调用。你在 main.js 里写的 Vue.filter('toLower', ...) 只对 H5 有效，小程序真机运行时，该函数根本不在 JS 上下文中。
- 开发者工具里“看起来有效”，是因为模拟器部分复用了 H5 渲染逻辑，不能代表真机行为
- 编译后代码里搜不到 filter 函数调用痕迹，说明已被静态剥离
- Vue 3（即 uni-app 3.x）已彻底移除
filtersAPI，连 H5 都不支持
替代方案：用 computed 或方法显式调用
把过滤逻辑从模板层移到逻辑层，确保它一定被执行。这是唯一跨端稳定的方式。
- 单字段展示：在
computed里封装，例如formattedName() { return typeof this.rawName === 'string' ? this.rawName.toLowerCase() : '' }，模板中直接用{{ formattedName }} - 列表项批量处理：在
onLoad或watch里预处理数据，如this.list = res.data.map(item => ({ ...item, lowerName: item.name?.toLowerCase() || '' })) - 需要复用时：抽成工具函数，放在
utils/string.js，按需import { toLower } from '@/utils/string'，避免全局污染
特别注意 null/undefined 和中文边界
toLowerCase() 对非字符串类型会直接报错，而中文、emoji 不受影响但也不改变——如果你业务要求“只转英文字母”，就得换正则。
- 必须兜底：用
String(val ?? '').toLowerCase()或typeof val === 'string' ? val.toLowerCase() : '' - 中英文混合场景：用
val.replace(/[A-Z]/g, c => c.toLowerCase())，避免误伤中文字符 - emoji 如
??是组合字符，toLowerCase()无意义，也不应强行干预 - 输入框绑定时慎用
v-model+ 过滤函数：要配合@input手动更新值，否则视图和数据会错位
最易被忽略的一点：你写的过滤逻辑是否真的在小程序 JS 线程里运行了？别依赖模板语法的“看起来正常”，真机调试时打开 vConsole 查看变量值，或加 console.log 确认函数是否被调用——这才是验证是否生效的唯一方式。
