小程序 wx.showToast 一闪而过的解决办法

最新推荐文章于 2023-11-20 17:31:42 发布
最新推荐文章于 2023-11-20 17:31:42 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： # 问题 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010263423/article/details/108363099
版权

文章目录

情景

在微信开发平台上，啥事儿没有，一运行在真机上就完蛋。
演示一下就明白了

这是手机上的 wx.showToast在这里插入图片描述

这是模拟器的在这里插入图片描述

解决办法

  • 在 wx.showToast 外层套上个延时定时器

在这里插入图片描述

问题分析

  • 我猜测是因为我在 wx.showModal 里套的 wx.showToast 导致的。

2021-01-29 更新
今天又复发了这个问题：于是我百了个度，发现自己有记录过😵
这个问题有可能是 wx.showLoading 和 wx.showToast 都触发了

在这里插入图片描述

参考

1. wx.showToast一闪而过的解决办法

Lovely Ruby
关注
专栏目录
详解微信小程序开发之——wx.showToast(OBJECT)的使用
08-31
在微信小程序开发中，`wx.showToast()` 是一个非常重要的API，用于显示短暂的消息提示框，为用户提供即时反馈。这个方法适用于各种场景，比如用户操作成功或正在进行加载时，能有效提升用户体验。下面我们将深入探讨...
wx.showToast瞬间消失wx.showToast闪烁问题，微信搜索功能
wwz123124的博客
08-16 1780
wx.showToast闪烁问题 在真实的业务场景下，请求接口需要调用 wx.showLoading(),接口请求结束调用 wx.hideLoading()。如果需要给用户提示错误信息，调用 wx.showToast(),在模拟器上没事，但是在真机上会出现提示信息闪烁一下，然后消失。 这个问题出现的原因就是因为小程序的内部处理 wx.showLoading() 和 wx.showToas...
wx.showToast() 在真机中一闪而过
xiaoyuer_2020的博客
01-21 1536
有时候需要给用户提示错误信息，调用 wx.showToast(),在模拟器上可以正常显示，但在真机上会出现提示信息闪烁一下，就消失了。 原因： 是因为小程序的内部处理 wx.showLoading() 和 wx.showToast() 调用的是同一个框，相互会受 wx.hideToast() 或者 wx.hideLoading() 的影响。 比如你的代码顺序为： wx.showLoading() =>wx.hideLoading() => wx.showToast() ; 但是实际在真机上.
微信小程序 showToast 真机下一闪而过的解决方案
m0_73738273的博客
06-19 509
微信小程序 showToast 真机下一闪而过的解决方案
微信小程序wx.showToast 一闪而现的解决办法
salestina的博客
11-17 1116
wx.showToast 在模拟器上显示的时间比较久，但是在真机上运行时就会出现一闪而过的情况，解决办法为： 在wx.showToast方法外部套一个延时定时器 wx.hideLoading(); setTimeout(()=>{ wx.showToast({ title:msg, icon:'none', mask:true, success:function(){ setTimeout(()...
showToast 、showloading中的mask设置无效
The One Who's at the Front
06-13 8023
在小程序的消息提示框中mask的设置无效。 属性 类型 默认值 必填 说明 title string 是 提示的内容 icon string ‘success’ 否 图标 image string 否 自定义图标的本地路径，image 的优先级高于 icon duration number 1500 否 提示的延迟时间 mask boolean false 否 ...
SundayAaron微信小程序开发——wx.showToast(OBJECT)的使用
03-29
wx.showToast API是显示消息提示框的作用。  先让我们看一下官方的文档说明：  (此图片来源于网络，如有侵权，请联系删除! ) 注意：其中的图标，只支持”success”、”loading” 示例代码： wx.showToast({ title...
怎么解决微信小程序提示信息（wx.showToast）一闪而过页面跳转的问题
欧世乐
11-15 5266
前言 微信小程序的wx.showToast提示的信息跳动太快，一闪而过，就马上跳转到其他页面了，缺少了用户交互信息的功能，duration的属性似乎也是失效了，这个问题需要怎么解决呢？ 解决方案 在wx.showToast里面新增一段代码即可，如下： wx.showToast({ title: '发送成功', icon:'success', ...
[uni-app] uni.showToast 一闪而过问题/设定时间无效/1秒即逝
iOSTianNan的博客
11-20 2586
toast一闪就消失1.猜测频繁点击导致 – 排除2.猜测再定时器内导致-- 排除3.和封装的接口调用一起导致 - 是改原因深挖发现:axios封装中, 对loading/hindloading进行了配置,看来是 showToast 与 loading等冲突导致的。
wx.showToast() 在真机中闪烁一下消失
FE-阿阳的博客
05-28 1万+
wx.showToast() 在真机中闪烁一下消失 问题描述 在真实的业务场景下，请求接口需要调用 wx.showLoading(),接口请求结束调用 wx.hideLoading()。如果需要给用户提示错误信息，调用 wx.showToast(),在模拟器上没事，但是在真机上会出现提示信息闪烁一下，然后消失。 解决方案 这个问题出现的原因就是因为小程序的内部处理 wx.sho...
【uniapp】关于uni.showToast()一闪而过的问题：
Bole6666666的博客
08-26 1415
uni.showToast()跟uni.hideLoading()放一块的时候，如果不对uni.hideLoading()做处理，uni.hideLoading()会影响uni.showToast()的显示效果。说明可知，是因为 toast 和 loading 默认会相互混用，为了避免互相干扰，可以使用noConflict进行控制，uni.hideLoading({noConflict:true})。
uniapp uni.showToast 一闪而过的问题
weixin_43337481的博客
10-04 1817
问题：在页面跳转uni.navigateBack()等操作的前或后，执行uni.showToast，即使代码中设置2000ms的显示时间，也会一闪而过。解决：用setTimeout延后navigateBack的执行。
uniapp的showToast在模拟器显示没问题，真机一闪而过
lu947的博客
08-23 556
原因：在request中封装的showloading关闭，导致toast也关闭，可以给toast加个定时器解决。
wx.showToast一闪而过微信提示一闪而过
glorious_future的博客
04-02 816
调试的时候发现toast闪过的太快了，而且在模拟器上是没有问题的，在真机上就不行 后来给toast增加时长也不管用，了解了之后总结一下问题 toast闪过的快有两种情况 一种是加载的时候先是showloading，加载完成之后弹toast提示一下成功或者失败，这个toast关闭的特别快，后来发现showloading和hideloading必须得是搭配使用的，就是说如果showloading之后紧跟着showtoast的话是不行的，所以在showtoast之前一定要先关闭loading //打开load
【微信小程序】wx.showToast一闪而过的解决办法
热门推荐
用心去做
08-21 1万+
一、问题 在同时使用Loading和Toast时，wx.showToast()总是闪烁一下消失。 二、解决办法 封装一个showToast方法，放在app.js中调用 代码： /**Toast简化 */ showToast: function(msg) { setTimeout(() => { wx.showToast({ title: ms...
小程序wx.showToast在真机上闪烁一下就消失
weixin_46313540的博客
10-27 2013
原因就是因为小程序的内部处理 wx.showLoading() 和 wx.showToast() 调用的是同一个框，都受 wx.hideToast() 或者 wx.hideLoading() 的影响。 比如在真机上你的代码顺序为 wx.showLoading() =>wx.hideLoading() => wx.showToast() ;但是实际你看到的现象是 wx.showLoading() => wx.showToast() =>wx.hideLoading()，受到最后的 wx.hideLoading
【微信小程序】—— wx.showToast 延迟页面跳转、一闪而过 问题解决办法
LimonSea的博客
12-13 1万+
场景一： 发布文章，点击发布以后用wx.showToast显示发布成功后跳转，但此时基本没显示，直接跳转了 解决方法： wx.showToast({ title: '发布成功', icon: 'success', duration: 1000, mask: true, ...
微信小程序wx.showToast一闪而过
最新发布
03-25
wx.showToast是微信小程序中的一个API，用于显示一条简短的提示信息，并在一定时间后自动消失。它通常用于展示一些操作成功或失败的反馈信息。 使用wx.showToast时，需要传入一个对象参数，其中包含以下属性： - ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值