第一步
新建项目，选择示例项目 hello uni-app 版本为vue3
第二步
运行项目 可以发现 不同tabbar滚动条相互影响 先切换到底部‘扩展组件’tabbar位置 滚动到最底部 然后切换到‘内置组件’tabbar位置，滚动到顶部 再切换到'扩展组件' 发现页面滚动位置全部还原，vue2项目无此问题，此bug所有vue3项目均复现，请官方重视修复，流失了很多开发者
猿
- 发布：2024-06-21 15:13
- 更新：2024-07-17 14:48
- 阅读：637
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 22H2
HBuilderX类型： 正式
HBuilderX版本号： 4.15
浏览器平台： Chrome
浏览器版本： 124.0.6367.203
项目创建方式： HBuilderX
操作步骤：
预期结果：
不同页面滚动条不应该相互干扰 各自独立 就像vue2那样
不同页面滚动条不应该相互干扰 各自独立 就像vue2那样
实际结果：
所有页面滚动条干扰 严重影响项目体验
所有页面滚动条干扰 严重影响项目体验
bug描述：
第一步
新建项目，选择示例项目 hello uni-app 版本为vue3
第二步
运行项目 可以发现 不同tabbar滚动条相互影响 先切换到底部‘扩展组件’tabbar位置 滚动到最底部 然后切换到‘内置组件’tabbar位置，滚动到顶部 再切换到'扩展组件' 发现页面滚动位置全部还原，vue2项目无此问题，此bug所有vue3项目均复现，请官方重视修复，流失了很多开发者
最佳回复
DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信
感谢反馈，已复现并定位问题
问题原因
vue2 中对 tabbar 切换时候回记录滚动位置。在 vue3 中没有对齐相关逻辑
技术实现
vue3 的 route 配置补充 router 路由导航、滚动行为
下次发版生效，在发版之前你可以使用下面方案临时处理。
下载下面压缩包内容，包含 dist 和 dist-x 文件夹，替换到 hbuiiderX 安装位置或者 node_modules 相关位置
/Applications/HBuilderX-Alpha.app/Contents/HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-h5
