自定义组件无法使用父页面局部过滤器，因Vue 2过滤器作用域不穿透组件边界；应改用工具函数、传处理后值或子组件内复注册三种合规方案。
自定义组件内无法直接使用父页面注册的过滤器——过滤器作用域不穿透组件边界，这是 Vue 2（uni-app 底层）的固有限制。
为什么 filters 在子组件里用不了
Vue 的 filters 选项只在当前组件实例上下文中生效：全局过滤器通过 Vue.filter() 注册后对所有组件可用；局部过滤器（写在 filters: { ... } 里）仅限于声明它的那个 .vue 文件。自定义组件是独立的 Vue 实例，它不会继承父页面的局部 filters 定义。
- 父页面写了
filters: { formatDate() { ... } }→ 只在该页面模板中{{ x | formatDate }}有效 - 子组件模板里写
{{ x | formatDate }}→ 控制台静默失败，渲染为空（无报错，但值消失） - 即使父页面把过滤器挂到
Vue.prototype或globalThis，模板语法|仍不会识别，因为解析器只查this.$options.filters和全局注册表
真正能用的三种替代方式
绕过“模板里直接调父级 filters”这个死路，改用明确、可控的数据处理链：
-
方案一：把过滤逻辑提成工具函数，父子共用
在utils/filter.js里导出纯函数：export const formatDate = (date) => {<br> const d = new Date(date);<br> return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`;<br>};父页面和子组件都import { formatDate } from '@/utils/filter.js'，在methods或computed中调用，再绑定到模板 -
方案二：父页面把处理后的值传给子组件
父页面先用自己定义的过滤器或工具函数加工数据：<my-child :formatted-time="time | formatDate" />
子组件只需接收formatted-timeprop，无需知道格式逻辑 -
方案三：子组件内部注册同名过滤器（仅限复用少、逻辑简单场景）
在子组件filters选项里复制一份父页面的过滤器定义，或直接 import 工具函数并包装：filters: {<br> formatDate: (date) => formatDate(date) // 复用上面的工具函数<br>}避免重复代码，但要注意维护一致性
别踩这些坑
试图用非常规手段“透传”过滤器，只会让问题更隐蔽：
- 在子组件
created钩子中读取this.$parent.$options.filters并手动挂载 → 不稳定，$parent在某些编译模式下为undefined，且破坏组件封装性 - 用
v-html拼接字符串模拟过滤效果 → XSS 风险，无法响应式更新，绕开 Vue 数据流 - 依赖条件编译（如
#ifdef MP-WEIXIN）在不同平台写不同过滤器 → 增加维护成本，且不解决根本作用域问题
最省心的做法，是彻底放弃“在子组件模板里复用父页面 filters”这个念头——把它当成一个设计信号：该抽离成共享工具函数了。
