swal 不需要点击确认按钮，自动关闭，不显示确认按钮

最新推荐文章于 2021-08-19 17:12:01 发布
最新推荐文章于 2021-08-19 17:12:01 发布
阅读量4.4k 收藏 4
点赞数 4
分类专栏： html vue 文章标签： css html js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013112461/article/details/103668376
版权
html 同时被 2 个专栏收录
15 篇文章 0 订阅
订阅专栏
vue
4 篇文章 0 订阅
订阅专栏

描述

swal 不需要点击确认按钮，自动关闭，不显示确认按钮

swal({title:"提交成功",
           text:"提交成功！",
           type:"success",
           showCancelButton:false,
           showConfirmButton:false,
           buttons: false,
           timer: 1200,
       })
张宇zhy
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SpringBoot+SweeAlert实现alert提示与前后端数据交互
BADAO_LIUMANG_QIZHI的博客
06-05 1675
场景 效果 点击某条记录，点击禁用按钮，会提示确定。 点击确认后，后将当前记录的id传递到后台，后台将其状态改变，从而实现前后端交互。 实现 SweetAlert2官方文档： https://sweetalert2.github.io/ 将相关资源进行下载 如果没法下载资源可以从这里下载： https://download.csdn.net/download...
sweetalert加载弹窗完成自动关闭
09-19
sweetalert加载弹窗完成自动关闭，比较完整的sweetalert加载完成案例
(网页)sweetalert api 中文开发文档和手册,项目放弃alert
weixin_30715523的博客
04-09 269
弹框json的特别好使. sweetalert 示例 基本信息弹窗swal("这是一条信息！") 标题与文本的信息弹窗swal("这是一条信息！", "很漂亮，不是吗？") 成功信息弹窗！swal("干得漂亮！", "你点击了按钮！","success") 警告信息弹窗，“确认”按钮带有一个函数…… swal({ title: "确定删除吗？", ...
如何解决双击按钮时sweetAlert提示框会消失的问题
aibo1027的博客
01-19 2768
SweetAlert是目前使用很广泛的一种提示框插件，有时手滑会出现双击按钮时sweetAlert提示框会出现又消失的问题，这是因为设置了点击提示框以外的区域可以关闭提示框。这时候需要在swal({})中加上allowOutsideClick :false, 例如：
swal弹框出现的瞬间就消失了
saber_fan的博客
08-19 1106
swal弹框出现的瞬间就消失，弹框套着弹框结果第一个弹框不消失，swal.close()失效
sweetalert加载弹窗定时自动关闭
09-19
sweetalert加载弹窗定时自动关闭，包含加载图片，作为一个例子
sweetalert
09-08
在这个例子中，`showCancelButton: true`表示显示取消按钮，`confirmButtonColor`和`cancelButtonColor`分别设置了确认和取消按钮的颜色。`then`方法接收一个回调函数，根据用户点击的按钮执行不同的操作。 此外，...
sweetAlert弹窗组件的使用
03-15
3. **回调函数**：SweetAlert支持回调函数，当用户点击确认或取消按钮时，可以执行相应的代码，增强了交互的可编程性。 4. **关闭按钮**：用户可以选择是否显示关闭按钮，并且可以自定义关闭按钮的行为。 5. **...
sweetalert.rar
03-16
7. **其他功能**：除了基本的确认和取消按钮，SweetAlert还支持自定义输入框、多步流程（Promise链）、定时自动关闭、自定义图标等功能，以满足各种复杂的提示需求。 8. **兼容性**：SweetAlert通常适用于现代...
sweetalert.zip
08-21
8. **关闭和定时器**：`timer`参数可以设置自动关闭对话框的时间，而`allowOutsideClick`则控制用户是否可以通过点击对话框外部来关闭它。 9. **自定义CSS**：除了使用`sweetalert.css`提供的默认样式外，你还可以...
swal弹窗示例
qq_35392981的博客
12-12 1万+
以下代码网页中打开即可调试 <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> <title>测试页面</title> ...
SweetAlert简单使用，弹出对话框
花2不谢
11-27 3万+
SweetAlert可以替代JavaScript原生的alert和confirm等函数呈现的弹出提示框，它将提示框进行了美化，并且允许自定义，支持设置提示框标题、提示类型、内容展示图片、确认取消按钮文本、点击后回调函数等。 使用方法 要使用该插件，首先要在html的header中引入以下文件： 最基本的调用方法： sweetAlert("Hello world!");
SweetAlert详解
热门推荐
李秀才的博客
01-30 4万+
SweetAlert详解
sweetalert 确认弹窗不显示
kola的博客
08-01 4745
项目要求在用户删除数据时候要求提示用户:是否确认删除这么一个提示框.但是alert原生的弹窗太丑了,幸好找到了sweetAlert这个插件 插件地址是http://mishengqiang.com/sweetalert2/ 现在记录一下我在使用这个插件遇到的问题,首先是我页面引用的是sweetalert2.js的js脚本文件,但是在使用删除提示的时候没注意使用了sweetalert1官方文档的...
showConfirmButton不展示确认按钮
最新发布
05-23
`showConfirmButton` 是 SweetAlert2 库中的一个选项，用于控制是否显示弹窗中的确认按钮。如果该选项被设置为 `false`，则弹窗不会显示确认按钮，而只显示关闭按钮。 示例代码： ```javascript Swal.fire({ title: '提示', text: '这是一条提示信息', icon: 'info', showConfirmButton: false // 不显示确认按钮 }) ``` 需要注意的是，如果不显示确认按钮，那么用户只能通过点击弹窗外部或按下 Esc 键来关闭弹窗，无法通过点击确认按钮来执行任何操作。因此，如果弹窗中需要包含某些操作，建议仍然显示确认按钮。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值