`uni.hideToast()` 是 uni-app 框架提供的一个用于隐藏消息提示框的 API

uni.hideToast() 是 uni-app 框架提供的一个用于隐藏消息提示框的 API。如果你之前使用了 uni.showToast 显示了一个提示框,可以通过调用 uni.hideToast() 来提前隐藏它。

使用说明

该方法可以在 uni.showToast 弹出的提示框显示期间被调用,用于立即隐藏提示框。如果没有提示框在显示,调用此方法没有任何效果。

API 结构

uni.hideToast() 的调用结构非常简单,没有参数:

javascript 复制代码
uni.hideToast();

示例代码

以下是一个隐藏 uni.showToast 弹出的提示框的示例代码:

javascript 复制代码
// 显示提示框
uni.showToast({
    title: '请稍候',
    icon: 'loading',
    duration: 2000
});

// 假设在一些操作之后,你想立即隐藏这个提示框
setTimeout(function () {
    uni.hideToast();
}, 1000); // 1秒后隐藏提示框

在这个示例中,uni.showToast 用来显示一个提示框,然后通过 setTimeout 在 1 秒后调用 uni.hideToast 隐藏它,即使我们在 showToast 中设置了 duration 为 2000 毫秒。

更多详情可以查看 uni-app 官方文档

相关推荐
程序定小飞1 小时前
基于springboot的在线商城系统设计与开发
java·数据库·vue.js·spring boot·后端
BumBle2 小时前
uniapp 用css实现圆形进度条组件
前端·vue.js·uni-app
Komorebi_99993 小时前
Vue3 + TypeScript provide/inject 小白学习笔记
前端·javascript·vue.js
二十雨辰4 小时前
vite性能优化
前端·vue.js
明月与玄武4 小时前
浅谈 富文本编辑器
前端·javascript·vue.js
FuckPatience4 小时前
Vue 与.Net Core WebApi交互时路由初探
前端·javascript·vue.js
aklry5 小时前
elpis之学习总结
前端·vue.js
FuckPatience7 小时前
Vue ASP.Net Core WebApi 前后端传参
前端·javascript·vue.js
Komorebi_99997 小时前
Vue3 provide/inject 详细组件关系说明
前端·javascript·vue.js
Hilaku8 小时前
"事件委托"这个老古董,在现代React/Vue里还有用武之地吗?
前端·javascript·vue.js