Vue 2过滤器不支持传入v-for的index变量，因其语法仅允许字面量或响应式字段作为参数，index属于模板作用域变量，无法进入过滤器执行上下文；正确做法是预处理数据添加索引属性或改用methods/computed。
filters 本身不接收 v-for 的 index，模板里写 {{ item | myFilter(index) }} 是非法语法 —— Vue 2（uni-app 当前主流版本）的过滤器只支持单个值作为第一个参数，后续括号里的内容必须是字面量或 data 响应式字段，不能是 index 这种模板作用域变量。
为什么 {{ item | filter(index) }} 会报错
Vue 编译器在解析 {{ item | filter(index) }} 时，会把 index 当作表达式处理，但过滤器调用不支持动态表达式传参。错误信息通常是：Invalid expression，且发生在编译阶段，不是运行时。
- 过滤器函数签名固定为
function(value, ...args)，但value只能是管道前那个值（比如item），index根本进不去 -
index属于v-for模板作用域，而过滤器执行上下文是全局或组件级，两者隔离 - 哪怕你强行在
filters里访问this.index，也会是undefined—— 过滤器函数没有组件实例绑定
真正可行的替代方案：把 index 打包进 item
最直接、无兼容风险的做法，是在 v-for 渲染前，把 index 作为属性附加到每一项数据上，再传给过滤器：
<view v-for="(item, index) in list" :key="item.id">
<view>{{ { ...item, $index: index } | myFilter }}</view>
</view>
- 过滤器内部就能安全读取
value.$index - 不影响原数组结构，也不污染响应式（
{...item}是浅拷贝） - 如果
list是后端返回的原始数组，建议在computed或onLoad里预处理一次，避免每次渲染都解构
更推荐：改用 method 或 computed 替代过滤器
当逻辑依赖 index 时，过滤器已不是最佳工具。直接调用方法更清晰、可控：
<view v-for="(item, index) in list" :key="item.id">
<view>{{ formatItemWithIndex(item, index) }}</view>
</view>
对应 methods：
methods: {
formatItemWithIndex(item, index) {
// 这里可以自由使用 item、index、this 上的任意数据
return `第${index + 1}项：${item.name}`;
}
}
- 避免了过滤器的语法限制和作用域盲区
- 便于调试：断点直接停在方法里，不用猜过滤器输入
- 性能无差异 —— 方法调用和过滤器执行都是同步函数调用
真正容易被忽略的是：很多人试图用 filters 处理带索引的逻辑，其实是混淆了「数据转换」和「视图逻辑」的边界。过滤器只该做纯、无副作用、与上下文无关的转换；一旦牵扯到 index、length、兄弟节点状态，就该交给 method 或 computed。
