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

3 回复

用示例代码hello uni-app能出现你的问题吗? 不能的话你需要排查出来具体你哪个页面,甚至哪一行导致的。 找出来具体原因后提供一个能复现你描述的bug的最小化demo,让我们及时定位问题,及时修复。

更多关于uni-app OPPO R17出现上个页面的内容的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个跟hello uni-app没关系,其它安卓没有这个问题,另外现在还有另一部手机也出现这样的问题,安卓系统10的

这是一个典型的OPPO机型页面渲染异常问题,建议从以下几个方面排查:

  1. 检查页面生命周期 确保详情页的onLoad/onShow中正确清除了列表页的数据和状态

  2. 检查页面层级 在OPPO R17上可能出现页面层级叠加问题,可以尝试:

  • 在详情页的onLoad中加入setTimeout延迟渲染
  • 给详情页容器添加z-index样式
  1. 检查导航组件实现 自定义导航组件可能存在销毁不彻底的问题,建议:
  • 检查组件内的beforeDestroy/destroyed生命周期
  • 确保导航组件使用了v-if而非v-show
  1. OPPO机型特殊处理 OPPO部分机型对WebView渲染有优化问题,可以尝试:
  • 在manifest.json中关闭硬件加速
  • 使用nvue页面替代vue页面
  1. 检查页面切换动画 禁用页面切换动画测试是否仍有问题:
page {
    animation: none !important;
}
回到顶部