小程序wx.showToast()与wx.hideLoading()冲突的问题

两种提示框的区别如下图：

冲突问题：

在真机模拟时出现以下报错的原因：

使用wx.hideLoading()之后，如果再想要弹框提示，会发现在模拟器中可以显示，但是在真机测试中就是不显示。

总结发现是因为wx.showToast()与wx.hideLoading()冲突。只要同一级上wx.showModal()前面使用了 wx.showLoading() 弹框就不会显示了。

wx.showLoading 和 wx.showToast 同时只能显示一个
wx.showLoading 应与 wx.hideLoading 配对使用
wx.showToast 应与 wx.hideToast 配对使用
wx.showLoading 和wx.showToast只能显示一个,但是使用wx.hideToast或wx.hideloading都可以关闭提示框
解决方法：避开在（同一层scope域） showToast前面使用wx.hideLoading(),因为showToast本身具备隐藏wx.showLoading()提示框的功能，如果使用wx.hideLoading(),后面的showToast就无法显示了

原文地址：https://www.cnblogs.com/-ting/p/12398310.html

时间： 2024-08-30 15:49:24

小程序wx.showToast()与wx.hideLoading()冲突的问题的相关文章

微信小程序数据请求方法wx.request小测试

微信小程序数据请求方法 wx.request wxml文件: <view> <textarea value="{{textdata}}"/> </view> <button bindtap="RequestData" value="Button">Button</button> 主要是一个按钮,点击后将请求的数据写入到textarea中 js文件: Page({ data:{ textd

打开小程序设置页（wx.openSetting），注意点

注意:bindtap的处理函数中,可以直接调用 wx.openSetting 资料网址 wx.openSetting(调起客户端小程序设置界面,返回用户设置的操作结果) https://developers.weixin.qq.com/miniprogram/dev/api/open-api/setting/wx.openSetting.html 打开小程序设置页(wx.openSetting)接口调整 https://developers.weixin.qq.com/community/de

小程序开发教程：wx.setTopBarText(OBJECT)

状态信息展示当小程序被显示在聊天顶部时,开发者可将重要的状态变更信息实时展示出来,便于用户及时获知. 详见文档:小程序文档小程序更新之后,有个更有用的功能!支持状态栏实时状态更新!! wx.setTopBarText(OBJECT) 基础库 1.4.3 开始支持,低版本需做兼容处理动设置置顶栏文字内容,只有当前小程序被置顶时能生效,如果当前小程序没有被置顶,也能调用成功,但是不会立即生效,只有在用户将这个小程序置顶后才换上设置的文字内容.注意:调用成功后,需间隔 5s 才能再次调用此接口,

【小程序】返回顶部wx.pageScrollTo和scroll-view的对比

一.wx.pageScrollTo(https://mp.weixin.qq.com/debug/wxadoc/dev/api/scroll.html) 1. 小程序中双击顶部的textbar.会默认回到顶部 2. 能够触发page的上拉(ReachBottom)和(PullDownRefresh)事件 3. 当页面中有使用position:fixed布局时,弹出键盘时,fixed布局部分和会闪屏二.scroll-view(https://mp.weixin.qq.com/debug/wxad

微信小程序的坑之wx.miniProgram.postMessage

工作中有个需求是小程序的网页在关闭的时候,需要回传给小程序一个参数查阅小程序官方文档,有这样一个接口 wx.miniProgram.postMessage ,可以用来从网页向小程序发送消息,然后通过 bindmessage 事件来监听消息,如下是官方文档描述以下是代码: // 网页代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="vi

微信小程序关闭WebSocket连接wx.closeSocket()

wx.closeSocket() ? 关闭WebSocket连接 wx.onSocketClose(CALLBACK) ? 监听WebSocket关闭 wx.connectSocket({ url:"qkxue.net" }); //注意这里有时序问题, //如果wx.connectSocket还没回调wx.onSocketOpen,而先调用wx.closeSocket,那么就做不到关闭WebSocket的目的 //必须在WebSocket打开期间调用wx.closeSocket才能关

小程序之发起请求 wx.request（object）的坑

这是官方的API,然后官方的实例中 wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '' , y: '' }, header: { 'content-type': 'application/json' }, success: function(res) { console.log(res.data) } }):假如你按着官方的文档写你就掉坑里了,你会发现请求回来的数据在调试的时候可以看见,等放到手机真机预览的时候你就发现请求回来

【微信小程序】详解wx:if elif else的用法(搭配view、block)

1.搭配view <view wx:if="{{boolean==true}}"> <view class="bg_black"></view> </view> <view wx:elif="{{boolean==false}}"> <view class="bg_red"></view> </view> <view wx:e

微信小程序之地理位置授权 wx.getLocation

1. 授权地理位置点击按钮,弹出授权弹窗,点击允许后,在以后的操作中可以随时获取到用户地理位置点击拒绝后,将无法获取到地理位置,也无法再次点击弹出弹窗. <button bindtap='onAuthLocation' >授权位置</button> onAuthLocation() { wx.authorize({ scope: 'scope.userLocation', success: (res) => { console.log('成功:' , res) }, fa