1***@qq.com
1***@qq.com
  • 发布:2024-08-01 10:53
  • 更新:2024-08-01 11:10
  • 阅读:169

H5中的弹框,有时候闪一下就消失了

分类:uni-app

H5中的弹框,有时候闪一下消失,或者直接显示不出来,请问该怎么解决?运行到APP中是正常的

2024-08-01 10:53 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

uni.showModal吗?能发个复现工程嘛?帮你排查下

  • 1***@qq.com (作者)

    有的是uni.showModal,有的是写的自定义组件,然后在页面中显示,控制台打印的信息是有时候打开后直接走了关闭方法

    2024-08-01 10:56

1***@qq.com

1***@qq.com (作者)

复制代码                   show: function() {  
            this.showModal = true;  
        },  
        close: function() {  
            this.showModal = false;  
        },  
        maskClick: function() {  
            if (this.pageType == 2) {  
                return  
            }  
            //#ifndef H5  
            this.showModal = false;  
            //#endif  
        },  
        cancelClick: function() {  
            this.close();  
            this.$emit('cancelClick', {});  
        },
  • 1***@qq.com (作者)

    就这些方法,在父页面调用show()方法后,H5里有时候会直接调用close()方法执行关闭

    2024-08-01 11:11

  • 爱豆豆

    回复 1***@qq.com:close()的地方 debugger一下看看哪里触发的

    2024-08-01 11:40

  • 1***@qq.com (作者)

    回复 爱豆豆: 测试出来的情况是,个别点击的时候直接触发了cancelClick()方法,然后执行了关闭

    2024-08-01 16:42

  • 1***@qq.com (作者)

    暂时没有发现是在哪里触发的关闭事件

    2024-08-01 18:18

要回复问题请先登录注册

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容