小程序wx.showToast在真机上闪烁一下就消失

使用wx.showToast方法，在开发者工具中是按照设置的时间正常停留，但在真机上发现，提示框一闪而过，持续时间很短。

1、产生原因
网上有很多解释，这里我就直接引用一下

原因就是因为小程序的内部处理 wx.showLoading() 和 wx.showToast() 调用的是同一个框，都受 wx.hideToast() 或者 wx.hideLoading() 的影响。
比如在真机上你的代码顺序为 wx.showLoading() =>wx.hideLoading() => wx.showToast() ;但是实际你看到的现象是 wx.showLoading() => wx.showToast() =>wx.hideLoading()，受到最后的 wx.hideLoading() 影响，toast 框闪烁一下就消失；

2、解决办法
原理：把 wx.showToast() 放到事件队列的队尾去执行。
我使用的（亲测有效Android 、ios）

    fetchJifen() {wx.showLoading();api.jifen({method: 'POST',data: {paramType: "2"},success: function (res) {wx.hideLoading();setTimeout(() => {wx.showToast({title: `打卡成功，加${res.data.paramDetail}积分`,icon: "none",duration: 3000,success: (res) => {setTimeout(() => {wx.hideToast();}, 3000)}});}, 200);}})},

看到网上还有以下这种办法，但我试过了没效果

wx.showLoading();
wx.hideLoading();
setTimeout( () => {wx.showToast({title: '提示的错误术语',icon: "none",});setTimeout( () =>{wx.hideToast();  },2000)
},0);

小程序wx.showToast在真机上闪烁一下就消失相关推荐

解决小程序背景图片在真机上不能查看的问题
解决小程序背景图片在真机上不能查看的问题参考文章: (1)解决小程序背景图片在真机上不能查看的问题 (2)https://www.cnblogs.com/web1/p/9018035.html 备忘 ...
微信小程序wx.showtoast真机一闪而过
发现问题: 微信小程序发送网络请求前,调用wx.showLoading()显示加载中,在回调success和fail中先调用wx.hideLoading()关闭加载提示框,再调用相应业务提示wx.sh ...
微信小程序wx.showToast 一闪而现的解决办法
wx.showToast 在模拟器上显示的时间比较久,但是在真机上运行时就会出现一闪而过的情况,解决办法为: 在wx.showToast方法外部套一个延时定时器 wx.hideLoading(); s ...
小程序 wx.showToast 一闪而过的解决办法
文章目录情景解决办法问题分析参考情景在微信开发平台上,啥事儿没有,一运行在真机上就完蛋. 演示一下就明白了这是手机上的 wx.showToast 这是模拟器的解决办法在 wx.sho ...
html2canvas微信头像后,微信小程序使用canvas在真机上不显示用户头像问题（不显示网络图片）...
如果要做一个分享朋友圈,而需要通过canvas绘制图片,在真机上是不显示你的用户头像的,但是开发者工具和真机上打开调试是可以看的.这就需要在微信公众平台把你头像前面的网址配置到downloadFile ...
微信小程序wx.showToast
wx.showToast接口只提供了两种icon[success和loading]展示形式,但是在实际开发中并不满足的.这里可以通过加image:'图片路径' var pageObject = { ...
微信小程序wx.showToast的总结
隐藏:在想隐藏的地方加上hideToast()方法即可. 更换showToast的图标:加上toast的image属性,填入想更换图标的路径即可 wx.showToast({title: '',dur ...
微信小程序 wx.showToast()的用法，更换icon图标
wx.showToast({title:"成功",icon: 'success',image: '../../images/fail.png',duration: 2000,mas ...
微信小程序 wx.showToast() 更换icon图标
image换成自己本地的图片就可以了. wx.showToast({ title:"成功", icon: 'success', image: '-/-/img/warn.png', ...

小程序wx.showToast在真机上闪烁一下就消失

小程序wx.showToast在真机上闪烁一下就消失相关推荐

最新文章

热门文章