uniapp vue3 版本的H5 url如果是数字=数字的参数会报错 阻塞页面

[tonnypotato]

发行方式

H5

具体平台

H5 hbilderX创建的v3项目

开发环境

Windows

项目创建方式

HBuilderX

依赖版本

HbilderX 4.76

问题描述

InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': '1' is not a valid attribute name

链接列如 http://xxxxxx?1=1 http://xxxxxx/#/?1=1 http://xxxxxx/#/?a=1&1=1必现

重现步骤

InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': '1' is not a valid attribute name

链接列如 http://xxxxxx?1=1 http://xxxxxx/#/?1=1 http://xxxxxx/#/?a=1&1=1必现

期望行为

这是不应该的 这样的参数不应该直接阻塞页面 页面直接不显示了

实际行为

No response

截图或录屏

[Otto-J]

确定是问题。目前未考虑纯数字的 query ，这个场景比较少。你的截图是运行到什么平台？是小程序里通过 webview 加载了 uniapp 的 web 项目吗？

[tonnypotato]

app 嵌套的webview

[Otto-J]

本地兼容方案。找到 HBuilderX 依赖或者 npm 依赖，找到 /HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-shared/dist/uni-shared.cjs.js 和 相同文件夹内的 uni-shared/dist/uni-shared.es.js

搜索 initCustomDatasetOnce，添加判断逻辑

if (!/\d+/.test(key)) { // 增加这行
  setAttribute.call(this, key, value)
} // 增加这行

修改完文件，重启应用再测试。如果有问题请反馈。