uni-app OPPO R17出现上个页面的内容
uni-app OPPO R17出现上个页面的内容
操作步骤:
如图红色指示的是OPPO R17,OPPO R17的详情页出现了列表页上的内容和底部导航(导航是自己组件做的),其它安卓没有这个问题详情页确定没有列表页的任何代码。
预期结果:
应该和期它安卓机的正常显示
实际结果:
如图红色指示的是OPPO R17,OPPO R17的详情页出现了列表页上的内容和底部导航(导航是自己组件做的),其它安卓没有这个问题详情页确定没有列表页的任何代码。
bug描述:
如图红色指示的是OPPO R17,OPPO R17的详情页出现了列表页上的内容和底部导航(导航是自己组件做的),其它安卓没有这个问题详情页确定没有列表页的任何代码。
| 项目 | 信息 |
|-----------------|----------------|
| 产品分类 | uniapp/App |
| PC开发环境 | Windows |
| PC开发环境版本 | WIN7 |
| HBuilderX类型 | 正式 |
| HBuilderX版本 | 3.0.5 |
| 手机系统 | Android |
| 手机系统版本 | Android 8.1 |
| 手机厂商 | OPPO |
| 手机机型 | OPPO R17 |
| 页面类型 | nvue |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
更多关于uni-app OPPO R17出现上个页面的内容的实战教程也可以访问 https://www.itying.com/category-93-b0.html
用示例代码hello uni-app能出现你的问题吗?
不能的话你需要排查出来具体你哪个页面,甚至哪一行导致的。
找出来具体原因后提供一个能复现你描述的bug的最小化demo,让我们及时定位问题,及时修复。
更多关于uni-app OPPO R17出现上个页面的内容的实战教程也可以访问 https://www.itying.com/category-93-b0.html
这个跟hello uni-app没关系,其它安卓没有这个问题,另外现在还有另一部手机也出现这样的问题,安卓系统10的
这是一个典型的OPPO机型页面渲染异常问题,建议从以下几个方面排查:
-
检查页面生命周期 确保详情页的onLoad/onShow中正确清除了列表页的数据和状态
-
检查页面层级 在OPPO R17上可能出现页面层级叠加问题,可以尝试:
- 在详情页的onLoad中加入setTimeout延迟渲染
- 给详情页容器添加z-index样式
- 检查导航组件实现 自定义导航组件可能存在销毁不彻底的问题,建议:
- 检查组件内的beforeDestroy/destroyed生命周期
- 确保导航组件使用了v-if而非v-show
- OPPO机型特殊处理 OPPO部分机型对WebView渲染有优化问题,可以尝试:
- 在manifest.json中关闭硬件加速
- 使用nvue页面替代vue页面
- 检查页面切换动画 禁用页面切换动画测试是否仍有问题:
page {
animation: none !important;
}