Yurchiu's Blog

SweetAlert 的使用

Yurchiu 2020-07-26, 10:18:21 15 隐藏左右两栏 展示左右两栏

本文仅讲述常用用法,更多请访问官方网站

简单弹窗

代码

swal.fire("Hello world!");

效果

带内容弹窗

代码

swal.fire("标题","内容");

效果

带图标弹窗

代码

swal.fire("标题","内容","success");

效果

提示

第三参数是图标,有四种选择:

  • "warning"——警告
  • "error"——错误
  • "success"——成功
  • "info"——信息

另一种写法

代码

swal.fire({
  title: "标题",
  text: "内容",
  icon: "success",
});

效果

提示

效果是等价的。可以与前文写法混用:

swal.fire("标题", "内容", "success", {
  button: "嘤嘤嘤",//更改按钮文字
});

其他用法

请访问官方网站。





本文作者:Yurchiu

本文链接:https://yz-hs.github.io/b12321c1b85e/

版权声明:本博客中所有原创文章除特别声明外,均允许规范转载,转载请注明出处。所有非原创文章,按照原作者要求转载。


By Yurchiu.
其他物件杂物收纳
Hitokoto

Yurchiu 说,除了她以外的人都很强!嘤嘤嘤~~
博客信息
文章数目
158
最近更新
08-21
本站字数
350.6k
文章目录