uni-app提示信息的封装

一路追求匠人精神

已于 2023-05-11 11:16:05 修改

阅读量585

点赞数

文章标签： uni-app 微信小程序小程序

于 2023-05-11 11:12:08 首次发布

本文链接：https://blog.youkuaiyun.com/qq_36566924/article/details/130617375

版权

当uni-app在微信小程序环境中运行时，如果标题超过7个字符，代码会使用showModal进行提示而不是直接显示toast。为了避免多个错误提示同时出现，引入了全局参数_canToast进行控制，确保在适当的时候显示弹窗。

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

背景：uni-app运行在微信小程序时，超过7个字符会进行截取，因此需要使用showModal进行提示

export const showToast = (title : string, icon : "success" | "loading" | "error" | "none" = "none", duration = 2000) => {
	if (_glPinia.canToast) {
		_glPinia.setCannotToast();
		if (title.length > 7) {
			uni.showModal({
				title: '提示',
				content: title,
				showCancel: false
			})
		} else {
			uni.showToast({
				title: title,
				duration: duration,
				icon: icon || "none"
			})
		}
	}
}

_glPinia.canToast是放pinia的全局参数，用来控制在当前是否允许弹窗，比如https全局请求的时候，有可能出现一次性出现多个错误提示的情况，通过这个变量来劫持