`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 官方文档

相关推荐
_xaboy18 小时前
FormCreate 设计器 v6.3 正式发布:AI 表单助理3.0登场!
前端·vue.js·低代码·开源·表单设计器
马玉霞19 小时前
vue web端页面组件展示
前端·vue.js
代码煮茶19 小时前
Vue3 权限系统实战 | 从 0 搭建完整 RBAC 权限管理
前端·javascript·vue.js
阳火锅20 小时前
💡 告别类名地狱!Tailwind CSS 语义化转换神器来了
前端·css·vue.js
用户1257585243620 小时前
XYGo Admin 即时通讯与异步任务实战:WebSocket 长连接 + 消息队列驱动后台处理
vue.js
PBitW21 小时前
组件封装注意事项
前端·vue.js
i220818 Faiz Ul1 天前
高校教务|教务管理|基于springboot+vue的高校教务管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·高校教务系统
漂移的电子1 天前
【el-tree】外层多选,某个属性内层单选
前端·javascript·vue.js
sheeta19981 天前
Vue 前端基础笔记
前端·vue.js·笔记
前端那点事1 天前
别再写垃圾组件!Vue3 如何设计「真正可复用」的高质量通用组件
前端·vue.js