过滤器不适合解析 URL 参数，因为它无法处理 decodeURIComponent 报错、空值、编码异常等副作用逻辑，且不能 try/catch，易致 H5 白屏或小程序静默失败。
不能用过滤器解析 URL 参数——它不是纯格式化操作，而是需要解析字符串、处理编码、应对空值等副作用逻辑，过滤器会静默失败或返回错误结果。
为什么过滤器不适合解析 URL 参数
URL 参数解析涉及：URLSearchParams 实例化、decodeURIComponent 安全解码、空值/非法字符串防御（如 ""、null、"%xx" 不合法）、以及可能的嵌套结构（如 ?a=1&b=&c=hello%20world）。过滤器是同步纯函数，无法捕获 URIError，也不能做 try/catch 处理，一旦遇到 malformed URI component 就直接报错中断渲染。
常见错误现象包括：
-
URIError: malformed URI sequence（H5 端白屏） - 小程序端静默返回空对象，但控制台无提示
- 参数含空格或加号时未正确 decode，显示为
hello+world而非hello world
应该在哪解析？优先用 computed 或 onLoad
URL 参数应作为“数据准备”环节完成，而非模板渲染时临时计算。uni-app 中最稳妥的位置是：
- 页面
onLoad钩子中：用decodeURIComponent+URLSearchParams解析options（App/H5）或decodeURIComponent(uni.getStorageSync('urlParams') || '')（小程序冷启动兼容） - 在
computed中：当参数来自this.$route.query（H5 hash 模式）或动态拼接的 URL 字符串时，确保入参有默认值，例如：computed(() => { const search = this.rawUrl?.split('?')?.[1] || ''; return search ? Object.fromEntries(new URLSearchParams(search)) : {} }) - 避免在
data()里直接解析 ——options在data执行时尚未注入，会得到undefined
怎么安全解析？别手写正则，用标准 API
手动用 .split('&') 和 .split('=') 容易漏掉编码、空值、重复键等问题。必须用浏览器原生 URLSearchParams（H5/App）或 polyfill 兼容（小程序需自行封装）：
// 安全解析函数，可放 utils/url.js
export function parseQuery(urlString) {
try {
const search = urlString?.split('?')?.[1] || ''
if (!search) return {}
return Object.fromEntries(new URLSearchParams(search))
} catch (e) {
console.warn('parseQuery failed:', e, urlString)
return {}
}
}
使用时：
- H5 页面：
const query = parseQuery(window.location.href) - uni-app 页面 onLoad：
parseQuery(`?${JSON.stringify(options).replace(/["{}]/g, '')}`)（不推荐）→ 正确做法是直接用options对象本身，它已是解析好的键值对 - 小程序分享跳转后取不到参数？检查是否用了
uni.navigateTo带了url字段但没 encode，或被uni.reLaunch清掉了原始 options
如果非要模板里“简单用”，只能处理固定 key
极简场景（如只取 id），且确定参数已存在、无编码问题，可写一个单 key 过滤器，但仅限兜底展示，不可用于业务逻辑判断：
Vue.filter('getQueryId', (url = '') => {
const match = url.match(/[?&]id=([^&]*)/)
return match ? decodeURIComponent(match[1]) : ''
})
模板中：{{ $scope.url | getQueryId }}。注意：$scope.url 必须是完整 URL 字符串；若传入 options 对象会失效；该过滤器不处理 id 重复、undefined、null 等边界情况。
真正要拿参数做路由判断、接口请求、权限校验的，永远不要依赖过滤器——它没有错误恢复能力，也没有执行上下文保障。
