uni-app如何给过滤器传递多个参数

uni-app中filters不支持直接传多个独立参数，必须将多参数封装为对象或数组再传入，因Vue 2底层限制过滤器仅接收第一个参数作为有效输入。

filters 在 uni-app 中不支持直接传多个独立参数，比如 {{ item | format('yyyy-MM-dd', true, 'zh-CN') }} 这种写法会报错或被忽略 —— Vue 2（uni-app 当前底层）的过滤器只接收**第一个参数作为值，其余参数会被丢弃**。所以核心结论是：**必须把多个参数打包成一个对象或数组传入，再在过滤器内部解构处理**。

为什么不能直接传多个参数

uni-app 基于 Vue 2，而 Vue 2 的 filters 设计就是单值入口。模板中 {{ value | filter(a, b, c) }} 的 a、b、c 实际不会被传进函数，只有 value 是有效输入。这是底层限制，不是配置问题。

正确做法：用对象或数组封装多参

把需要的多个参数合并为一个对象（推荐），或数组，在过滤器里解构使用：

1. 模板中写成 {{ item | phoneVal({ mobile: item.mobile, tag: item.tag, hide: true }) }}
2. 过滤器函数签名保持单参数：phoneVal(obj)，然后在函数内取 obj.mobile、obj.tag 等
3. 如果参数固定且简单，也可用数组：{{ item | format(['yyyy-MM-dd', 'short']) }}，再在函数里用 args[0]、args[1] 访问

常见错误：URL 传参式写法在 filters 里无效

有人尝试模仿 uni.navigateTo 的 URL 拼接方式，比如 {{ item | format('yyyy-MM-dd&locale=zh-CN') }}，这完全没用 —— 过滤器不解析字符串查询参数，也不会自动拆分 &。它只收一个值，其余全丢。

性能与可维护性提醒

对象传参虽灵活，但要注意两点：

1. 每次渲染都会新建对象（如 { mobile, tag }），可能触发不必要的响应式追踪或影响列表性能，尤其在长列表中；建议提前在 data 或 computed 中构造好对象
2. 过滤器里别做复杂逻辑或异步操作 —— 它是纯同步格式化函数，不适合调接口、发事件、修改 state

真正要传动态、结构化数据时，优先考虑用 methods 或 computed 替代过滤器，尤其是涉及条件分支、多状态组合的场景。过滤器只适合“输入→输出”的无副作用转换。