uni.showToast 设定duration不生效的原因

最新推荐文章于 2025-06-22 19:26:20 发布
最新推荐文章于 2025-06-22 19:26:20 发布
阅读量4.9k 收藏
点赞数 3
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wangyl1995/article/details/108119106
本文探讨了在uni-app中使用uni.showToast时，设定的duration参数不生效的问题。原因是由于提前调用了uni.hideLoading()导致，通过使用setTimeout做延迟处理可以有效解决此问题。

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

uni.showToast 设定duration不生效的原因:
是 uni.hideLoading();的原因，给他结束了，做一个延迟setTimeout 就可以

小磊Q前端
关注
uniapp - 轻提示弹框组件源码，媲美官方 uni.showToast API（支持自定义各种个性样式、可控显示时长等配置）uniapp全端兼容无 BUG，开箱即用插件
高级前端工程师
02-08 3485
uniapp uni.showToast 提示如何修改样式，uni.showToast 轻提示如何更改自定义样式，uniapp微信小程序的各种弹框提示(轻提示)uniapp弹窗组件uni-app自定义弹框提示插件Uni-app全局弹框提示插件uniapp居中显示的半透明黑色弹框轻提示组件源码插件，uniapp uni.showToast官方文档，uniapp uni.showToastuniapp pop弹出框组件uniapp自定义弹窗组件uniapp 自定义弹窗组件uniapp多端h5+小程序+app弹窗
探索uni-app的uni.showToast：提升用户体验的小技巧
weixin_62428445的博客
06-12 1617
是一个简单而强大的工具，可以帮助开发者以一种优雅的方式与用户进行交互。通过合理使用这个API，可以显著提升应用的用户体验。记住，任何技术的使用都应该以用户为中心，不断优化和调整，以达到最佳的交互效果。希望这篇博客能帮助你更好地理解和使用，让你的应用更加人性化和友好。如果你有任何问题或想法，欢迎在评论区交流。让我们一起探索更多uni-app的有趣功能吧！
uniapp提示成功之后再跳转页面
qq_45602658的博客
06-26 3738
相信经常使用uniapp的童鞋们对提示跳转真的是又爱又恨，为什么这么说呢，因为我们在使用的过程中又写了之后，会发现，提示几乎是一闪而过，达不到需求，再比如提交表单，提交完成需要先为用户提示是否成功之后再进行跳转。
uni.showToast一闪而过，加了duration也没用
lmy_loveF的博客
03-30 1484
uni.showLoading() 和 uni.showToast() 调用的是同一个框，都受 uni.hideToast() 或者 uni.hideLoading() 的影响。
uni.showToast一闪而过 真机弹窗时间过短问题的解决方案
最新发布
2301_79175212的博客
06-22 733
测试多次反馈弹窗（Toast）一闪而过，最初仅通过延长uni.showToast的duration属性修复，但模拟器测试无效，真机视频显示弹窗仍快速消失。uni.showLoading({ mask: true, title: ‘处理中…● 跨组件间隔：Loading/Toast/Modal切换需>500ms缓冲。● 双Promise实现时序隔离（500ms + 100ms）● 真机必测：不同机型需差异配置（iOS/Android）● 错误边界：统一用try/catch处理成功/失败场景。
[uni-app]uni.showToast duration控制失效
gyc2004114的博客
04-25 748
axios封装中, 对loading/hindloading进行了配置,showToast 与 loading等冲突导致的duration控制失效。
[uni-app] uni.showToast 一闪而过问题/设定时间无效/1秒即逝
iOSTianNan的博客
11-20 3755
toast一闪就消失1.猜测频繁点击导致 – 排除2.猜测再定时器内导致-- 排除3.和封装的接口调用一起导致 - 是改原因深挖发现:axios封装中, 对loading/hindloading进行了配置,看来是 showToast 与 loading等冲突导致的。
在uni-app生成的支付宝小程序中toast时间不能控制。（uni.showToast）
KLW75
08-28 1166
在支付宝小程序中 uni.showToast 可以显示提示，但是不能控制时间duration 控制失效。 uni.showToast({ title: '提交成功', duration: 2000 }) 不使用uni的提示，使用支付宝提供的 toast 就能解决。 my.showToast({ content: '提交成功', duration: 2000 }) 因为有冲突 使用支付宝的toast就能控制时间了。 ...
微信小程序showToast在真机中显示时间不可控制，显示时间短
weixin_44705310的博客
08-12 3580
微信小程序showToast在真机中显示时间不可控制，显示时间短
快速处理-小程序/uniapp，showToast没有效果
sSanGuoSha的博客
11-18 3406
showToast无效果的处理思路
uni.showToast一闪而过的问题
weixin_38992765的博客
11-25 5798
今天在用真机测试uniapp的时候 发现uni.showToast会出现一闪而过的问题。设置duration也没有用。 结果发现是在执行的时候，下面加了刷新列表的方法。虽然不知道是uniapp自己的bug还是传入父组件请求刷新列表的问题。 加个setTimeout即可搞定 onConfirm(e) { this.hanleFJFF({ equipCode: this.selectObject, runstatew: e.value[0], }); /
uniapp自带的显示消息提示框（uni.showToast，uni.showModal）。
m0_75047254的博客
07-16 1万+
【代码】uniapp自带的显示消息提示框（uni.showToast，uni.showModal）。
解决uni.request时uni.showtoast无效问题
...
09-02 3547
解决uni.request时uni.showtoast无效问题
uni-app - - - - - 钉钉小程序 uni.showToast回调函数不执行问题（PC端钉钉小程序 接口API回调函数不执行）
Dark_programmer的博客
11-04 787
uni-app - - - - - 钉钉小程序 uni.showToast回调函数不执行问题（PC端钉钉小程序 接口API回调函数不执行）
uniapp 提示框(showToast、showModal、showLoading)
热门推荐
weixin_44504531的博客
10-02 2万+
uniapp (showToast、showModal、showLoading)
transition第一次没有效果和transition的duration无效
qq_44473483的博客
06-30 2340
transition第一次没有效果这个问题经常遇到，比如说轮播图，困扰了好久，有时候出现，有时候不出现，今天终于找到原因 原因很简单因为一开始没有设定要改变的样式的初始值 解决办法：例如你要改的是top:-50; 那一开始就要设top:0; 不然第一次不会有动画效果移动 duration无效的问题在react里做轮播遇到过，个人感觉跟回流重绘有些类似。 原因：在transiion里面，当连续两个duration的属性设置紧挨着时，会默认以最后一个duration属性为值。 解决办法：给第二个d
uni-app 音频播放onCanplay中获取音频长度duration一直为0或undefined
也简的博客
07-04 3945
uni-app 音频播放onCanplay中获取音频长度duration一直为0
提升用户体验：详细解读 UniApp 中的所有提示功能
weixin_43716733的博客
11-20 1751
UniApp 提供了多个方便的提示框 API，用于展示信息、进行用户输入、确认操作等。不同的 API 可以帮助开发者更灵活地控制应用的提示交互，提升用户体验。通过使用等 API，开发者能够快速实现常见的提示需求，而和则帮助我们在数据加载过程中给用户反馈。这些 API 的使用非常直观且易于理解，开发者可以根据实际需求选择合适的提示类型，确保界面交互的流畅和用户的良好体验。
uniapp开发替换showToast组件
tianqiuhao的博客
04-12 680
uni-app中，使用uni.showToast方法弹出的窗口设置成功回调时，在弹出窗口后直接调用回调而不会等待duration中设定的时间，为解决该问题重新设计了一个组件。
uni.showToast 跳转页面后不生效
11-03
在使用uni.showToast进行提示后，希望能够进行页面跳转，但是发现实际执行过程中navigateTo并不生效。需要增加延迟后，仍然无法成功跳转，也没有相应的报错信息。这时候可以考虑以下几点解决： 1. 查看需要跳转的页面是否为tab页，如果是，则需要使用switchTab进行跳转。 2. 跳转到 tabBar 页面只能使用 switchTab，而不能使用navigateTo。 3. 使用uni.redirectTo(OBJECT)可以关闭当前页面，跳转到应用内的某个页面。 4. 使用uni.navigateTo进行页面跳转后，可以使用uni.navigateBack返回到原页面。 下面是一个示例代码： ``` if (res.code == 200) { uni.showToast({ title: res.message, duration: 1000, success: function() { setTimeout(function() { uni.navigateTo({ url: '/pages/race' }); }, 1000); } }); } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值