配置
-
text
类型:
string
默认值:
""
(空字符串 )描述:
模态的文字。它既可以作为键下的配置添加
text
(如下例所示),也可以作为第一个也是唯一的参数(例如swal("Hello world!")
)传递,如果有多个字符串参数(例如swal("A title", "Hello world!")
),则传递给第二个参数。例子:
;
-
title
类型:
string
默认值:
""
(空字符串)描述:
模态的标题。它既可以作为键下的配置添加
title
(如下例所示),也可以作为第一个字符串参数 - 只要它不是唯一的一个 - 作为swal
函数(例如swal("Here's a title!", "Here's some text")
)传递。例子:
;
-
icon
类型:
string
默认值:
""
(empty string)描述:
模态的图标。SweetAlert附带4个可以使用的内置图标:
"warning"
"error"
"success"
"info"
它既可以作为键下的配置添加,也可以作为函数
icon
的第三个字符串参数传递swal
(例如swal("Title", "Text", "success")
).例子:
;
-
button
类型:
string|boolean|ButtonOptions
默认值:
text: "OK"value: truevisible: trueclassName: ""closeModal: true描述:
默认显示的确认按钮。您可以通过设置
button
为字符串来更改其文本,也可以通过传递ButtonOptions
对象来调整更多设置。将其设置为false
隐藏按钮。例子:
;;;
-
buttons
类型:
boolean|string[]|ButtonOptions[]|ButtonList
默认值:
cancel:text: "Cancel"value: nullvisible: falseclassName: ""closeModal: trueconfirm:text: "OK"value: truevisible: trueclassName: ""closeModal: true描述:
指定按钮的确切数量及其行为。如果使用数组,则可以将元素设置为字符串(仅设置文本),列表
ButtonOptions
或两者的组合。您还可以将其中一个元素设置true
为简单地获取默认选项。如果您不仅需要预定义的取消和确认按钮,则需要指定一个
ButtonList
对象,其中键(按钮的命名空间)指向ButtonOptions
.您还可以指定
false
隐藏所有按钮(与button
选项相同的行为)。例子:
;;;;;
-
content
类型:
Node|string
默认值:
null
描述:
对于自定义内容,不仅仅是文本和图标。
例子:
;;var slider = document;slidertype = "range";;
-
className
类型:
string
默认值:
""
(empty string)描述:
将自定义类添加到SweetAlert模式。这对于改变外观很方便。
Example:
; -
closeOnClickOutside
类型:
boolean
默认值:
true
描述:
决定用户是否应该能够通过点击外部来解除模态。
例子:
; -
closeOnEsc
类型:
boolean
默认值:
true
描述:
决定用户是否应该能够通过ESC按键来解除模态。
例子:
;
-
dangerMode
类型:
boolean
默认值:
false
描述:
如果设置为
true
,则确认按钮变为红色,而默认焦点则设置在取消按钮上。在显示确认操作有危险的警告模式(例如删除项目)时,这很方便。例子:
;
-
timer
类型:
number
默认值:
null
描述:
在一定时间后(以ms为单位指定)关闭模态。有用的结合
buttons: false
.例子:
;
方法
名称 | 描述 | 例子 |
---|---|---|
close |
关闭当前打开的SweetAlert,就像按下取消按钮一样。 | swal.close() |
getState |
获取当前SweetAlert模态的状态。 | swal.getState() |
setActionValue |
更改其中一个模态按钮的承诺值。您可以只传入一个字符串(默认情况下它会更改确认按钮的值)或一个对象。 | swal.setActionValue({ confirm: 'Text from input' }) |
stopLoading |
删除模态按钮上的所有加载状态。将其与按钮选项结合使用closeModal: false . |
swal.stopLoading() |
主题
-
swal-overlay
例子:
-
swal-modal
例子:
-
swal-title
例子:
-
swal-text
例子:
-
swal-footer
例子:
-
swal-button
描述:
模态的按钮。它有一个额外的类,它根据按钮的类型以格式改变
swal-button--{type}
。例如,确认按钮的额外类是swal-button--confirm
.例子: