无需实例，直接通过我说的方法预读页面即可实现。
前提是在不使用unicloud，使用uniapp创建VUE3，并且使用纯NVUE模式
Architecture
- 发布：2023-09-01 23:09
- 更新：2023-09-04 15:45
- 阅读：339
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： WIN11专业版22H2 22621.2134
HBuilderX类型： 正式
HBuilderX版本号： 3.8.12
手机系统： Android
手机系统版本号： Android 14
手机厂商： 小米
手机机型： 小米12S
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
onLaunch: function() {
uni.preloadPage({url: "/pages/Mi_1/Mi_1"});
uni.preloadPage({url: "/pages/Mi_2/Mi_2"});
}
onLaunch: function() {
uni.preloadPage({url: "/pages/Mi_1/Mi_1"});
uni.preloadPage({url: "/pages/Mi_2/Mi_2"});
}预期结果：
tabBar其他页面（非首页）如果被预读，能够正确显示tabBar底部的5个按钮菜单跳转的tabBar页面
tabBar其他页面（非首页）如果被预读，能够正确显示tabBar底部的5个按钮菜单跳转的tabBar页面
实际结果：
被tabBar页面自动全屏撑开并遮挡底部tabBar菜单，也就是tabBar菜单层级在页面后面了。
被tabBar页面自动全屏撑开并遮挡底部tabBar菜单，也就是tabBar菜单层级在页面后面了。
bug描述：
onLaunch: function() {
uni.preloadPage({url: "/pages/Mi_1/Mi_1"});
uni.preloadPage({url: "/pages/Mi_2/Mi_2"});
}在APP.VUE的onlaunch生命周期里，通过以上代码，提前载入tabBar的第二个页面和第三个页面。也就是APP底部5个菜单中的第二个和第三个。因信息量巨大，所以通过以上方式进行提前载入。结果发现BUG。发现点击进入tabBar第二个页面和第三个页面，底部的tabBar的5个菜单消失了。页面好像变成了Mi_1页面全屏和Mi_2页面全屏了，直接遮挡把底部tabBar遮挡住了。我记得1年前还没这样呢，源代码直接打开，发现以前好使的代码，现在就不好使了。所以才怀疑是BUG。
1 个回复
DCloud_UNI_Anne
相关问题：https://ask.dcloud.net.cn/question/169069