支付宝小程序不支持 Vue 的 filters 语法和机制，因平台渲染引擎不解析 | 符号且基础库缺失相关实现；应改用 methods 封装过滤逻辑，确保跨平台兼容。
uni-app 里根本不存在“支付宝小程序过滤器”这个东西——报错是因为你在模板中写了 {{ value | filterName }}，而支付宝小程序平台（mp-alipay）既不支持 Vue 2 的 filters 选项，也不兼容 Vue 3 的全局过滤器机制，编译时直接忽略或运行时报 filterName is not defined。
为什么支付宝小程序里 filters 全部失效
支付宝小程序的渲染引擎不解析 Vue 模板中的 | 语法，filters 配置在 mp-alipay 编译阶段被完全剥离。哪怕你在 H5 端能跑通，在支付宝小程序真机或 IDE 预览里也必然静默失败或报错。这不是配置问题，是平台能力缺失。
- Vue 2 模式下：支付宝小程序基础库不实现
Vue.filter注册逻辑，filters对象被忽略 - Vue 3 模式下：Vue 3 已移除
app.config.globalProperties.$filters和filters选项，uni-app 3.x 默认走此路径 - 即使手动挂载到
globalProperties，支付宝小程序 runtime 不调用该管道，{{ x | f }}渲染结果就是原始值
替代方案：用 methods 封装过滤逻辑（最稳）
把原来写在 filters 里的函数挪到组件的 methods 中，模板里直接调用——所有平台 100% 兼容，且便于调试和单元测试。
- 不要写：
{{ item.price | toYuan }} - 改写为：
{{ toYuan(item.price) }}，并在methods里定义函数 - 注意类型防御：对
null、undefined、空字符串做显式判断，避免Number(null) → 0导致金额错乱 - 支付宝小程序不支持
toLocaleString的部分 locale 参数（如{ useGrouping: true }），建议用正则或工具函数做千分位
统一处理场景：后端返回字段名不一致（如 msg / message / error）
支付宝小程序里没法靠过滤器“动态提取错误文案”，必须提前把字段归一化。否则 res.data.msg 在某个接口里是 res.data.message，模板里硬写就会报 Cannot read property 'msg' of undefined。
- 推荐在请求拦截器或响应处理层统一提取：写一个
getErrorMessage(res)工具函数，内部用可选链 + 空值合并 + 字符串 fallback - 不要在
computed里反复调用它来生成提示文本，除非你确保res已存在且结构稳定 - 支付宝小程序
uni.showToast不支持icon: 'none'（旧版基础库），降级用title: ' '或改用uni.showModal
真正要解决的不是“怎么让过滤器在支付宝小程序跑起来”，而是接受它永远跑不起来这个事实——把逻辑从模板层抽离到 methods 或 utils，才是跨平台开发里最省心、最不易翻车的做法。
