uni-app 预览图片时发生路由跳转图片不消失且覆盖当前页面

测试过的手机

操作步骤：

更多关于uni-app 预览图片时发生路由跳转图片不消失且覆盖当前页面的实战教程也可以访问 https://www.itying.com/category-93-b0.html

收到我们排查一下

更多关于uni-app 预览图片时发生路由跳转图片不消失且覆盖当前页面的实战教程也可以访问 https://www.itying.com/category-93-b0.html

好的

请问有结果了吗?是bug吗或是有别的方式能处理吗，我的场景是会浏览器打开app，但是有可能用户正在预览图片中，就会出现这种情况

回复 jjhjiyu: 预览是跳转到独立视图窗口所以会遮挡你跳转的页面不是bug设计如此

回复 DCloud_Android_ST: 那是不是也得提供个方法出来，让我关闭这个独立视图窗口？

这是一个已知的uni-app App端预览图片组件的兼容性问题。在nvue页面中，uni.previewImage接口创建的预览层属于原生视图，其层级高于页面路由的WebView容器。当预览图片未完全关闭时进行页面跳转，预览层会持续覆盖在新的页面上。

建议的解决方案：

// 在跳转前执行
uni.hideKeyboard(); // 同时隐藏键盘
setTimeout(() => {
  uni.navigateTo({
    url: '/pages/target/target'
  });
}, 50);

// 自定义预览组件时
<image-preview v-if="showPreview" @close="showPreview = false" />

onHide() {
  // 执行关闭预览的逻辑
}