uni-app showToast偶尔不会自动消失

uni-app showToast偶尔不会自动消失

示例代码：

uni.showToast({ title: ‘复制成功。’, duration:2000 });


## 操作步骤：

调试过程中，不断刷新vue网页，在弹出几次消息后，突然就固定在屏幕中间了，本来2秒消失的，也不消失了，即使切换网页也不行，只能重启应用。真机还没测试过，不知道会不会有这个问题。

## 预期结果：

让它自动消失

## 实际结果：

不会自动消失。

## bug描述：

uni.showToast有时候不会自动消失
信息类别 信息内容
产品分类 uniapp/App
PC开发环境 Windows
PC系统版本 WIN10
开发工具 HBuilderX
工具版本 3.1.3
移动端系统 Android
移动端版本 Android 7.1.1
手机厂商 模拟器
手机机型 逍遥模拟器
页面类型 vue
打包方式 云端
项目创建方式 HBuilderX

更多关于uni-app showToast偶尔不会自动消失的实战教程也可以访问 https://www.itying.com/category-93-b0.html

8 回复

我的也出现了这个问题 uni.showToast 不会消失，而且 bottom 不生效 switch (data.data) {
case “send ok”:
uni.showToast({
title:“短信验证码发送成功，请注意查收。”,
icon:‘none’,
position:‘bottom’,
complete(res) {
console.log(res)
}
})
;
case “mobile illegal”:
that.$showModal({
concent: “您的手机号有误哦 ~”,
delCancel: true
});
break;


更多关于uni-app showToast偶尔不会自动消失的实战教程也可以访问 https://www.itying.com/category-93-b0.html


前面是注册页面，注册页面后 返回到登录还是不会消失

我在这个页面把position:‘bottom’, 删掉之后就可以正常隐藏。 其他页面我测试 加上 position:‘bottom’, 也没有出现不会消失的情况。

我全局删除 position:“bottom” 这好像有 bug，发布版本 和测试版本 都有问题， 所有手机上都出现了这个问题。

我现在更新了，暂时没发现了。希望不会有了吧。

回复 有问: 我这里出现了

我也出现这个问题？版本3.6.4

这是一个已知的uni-app toast组件偶现不消失的问题，可能的原因和解决方案如下：

  1. 常见原因是连续快速调用showToast导致的队列堆积。建议在调用前先调用uni.hideToast()清除之前的toast：
uni.hideToast();
uni.showToast({
  title: '复制成功',
  duration: 2000
});
回到顶部