wx.showModal 请求并发时处理

最新推荐文章于 2024-04-26 16:58:57 发布

原创最新推荐文章于 2024-04-26 16:58:57 发布 · 902 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #javascript #微信小程序

微信小程序专栏收录该内容

30 篇文章

订阅专栏

针对安卓设备上wx.showModal请求并发导致的多个弹窗提示问题，解决方案是设置全局变量isShowModel来控制弹窗显示。当登录状态过期且isShowModel为false时，显示模态框，用户操作后更新isShowModel为true，避免重复弹出。在登录成功后将isShowModel重置为false。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述：wx.showModal 请求并发时 安卓出现多个弹窗提示 ios 只出现一次
解决：安卓出现多次提示

解决方法:在全局变量中加一个标识isShowModel 默认为false，请求封装时根据后端状态码进行判断如果为失效状态码并且 isShowModel 为false 时弹出模态框 ，当用户点击确定或取消时isShowModel 修改为true 登录时isShowModel 修改为false 即可

在这里插入图片描述

app.js

    globalData: {
        isShowModel: false,
    }

登录代码

wx.requeset({
	...
	success:{
		 getApp().globalData.isShowModel = false
	}
})

部分封装的核心代码

function success(res) {
	if (res.success) {
		return res
	} else {
		if (!res.success && res.errCode == "USER50001") {
			wx.removeStorage({
				key: 'Authorization',
			})
			wx.removeStorage({
				key: 'Cookie',
			})

			if (!getApp().globalData.isShowModel) {
				wx.showModal({
					title: "提示",
					content: '登录已过期，请重新登录！',
					success: function (res) {
						if (res.confirm) {
							wx.reLaunch({
								url: '/pages/login/index',
							})
							getApp().globalData.isShowModel = true

						} else if (res.cancel) {
							wx.reLaunch({
								url: '/pages/login/index',
							})
							getApp().globalData.isShowModel = true
						}
					}
				})
			}
		} else {
			wx.showToast({
				icon: 'none',
				title: res.msg,
			})
		}

	}
}