弹窗里预览图片关闭预览图片后弹窗也关闭了，在tab页面才有，这是怎么回事 uni-app

弹窗里预览图片关闭预览图片后弹窗也关闭了，在tab页面才有，这是怎么回事 uni-app

8 回复

您好，麻烦提供一个可复现的demo

更多关于弹窗里预览图片关闭预览图片后弹窗也关闭了，在tab页面才有，这是怎么回事 uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html


怎么提供demo

回复 一个人的江湖: 在评论区发zip文件，或者在im里面私聊我发文件

回复 DCloud_UNI_JBB: 不用了，我换了个第三方预览图片的插件


只在tabBar页面这样，我看关闭预览图片后有触发onShow

麻烦提供一个可复现demo

这是一个常见的uni-app交互问题，主要原因是弹窗和图片预览的关闭事件冲突导致的。在tab页面出现这种情况，通常是因为：

  1. 图片预览组件关闭时会触发页面的返回事件
  2. 这个返回事件同时关闭了你的弹窗
  3. 在tab页面，返回行为会被框架特殊处理

解决方案：

  1. 使用uni.previewImage的API时，可以尝试设置longPressActions选项来避免默认关闭行为

  2. 或者在关闭预览图片时，手动阻止事件冒泡：

uni.previewImage({
  current: 0,
  urls: ['图片URL'],
  success: () => {
    // 预览关闭后重新显示弹窗
    this.showModal = true
  }
})
  1. 如果是自定义弹窗组件，可以在组件内部处理返回按钮事件：
onBackPress() {
  if(this.showImagePreview) {
    // 阻止返回事件
    return true
  }
}
回到顶部