uniapp常用提示框uni.showToast(OBJECT)

最新推荐文章于 2025-06-08 08:28:18 发布

原创最新推荐文章于 2025-06-08 08:28:18 发布 · 10w+ 阅读

107 ·

CC 4.0 BY-SA版权

文章标签：

#vue #javascript #java #js #react native

本文总结了UniApp中常见的提示框使用方法，包括成功提示、加载框、无图标文字提示及模态弹窗，提供了具体代码示例，便于开发者快速上手。

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

记录一下开发经常会用到的几种提示框
前端代码里最常用的，以免忘记了。

官方参考文档：https://uniapp.dcloud.io/api/ui/prompt?id=showtoast

1：成功提示
提交表单的时候，如果提交成功

uni.showToast({
title: '提交成功',
duration: 2000
});

2:加载框

uni.showLoading({
                        title: '加载中'
                    });
                    
                    setTimeout(function () {
                        uni.hideLoading();
                    }, 2000);

3：去掉图标，只显示文字

uni.showToast({
title: '请填写员工工号',
icon:'none',
duration: 2000
});

4：模态弹窗

uni.showModal({
                        title: '提示',
                        content: '这是一个模态弹窗',
                        success: function (res) {
                            if (res.confirm) {
                                console.log('用户点击确定');
                            } else if (res.cancel) {
                                console.log('用户点击取消');
                            }
                        }
                    });