这个组件只有这 alert(), confirm(), prompt() 三个方法可调用吗?详细的API有哪些?
Vue Simple Alert是基于sweetalert2的一个Vue组件,提供和浏览器对话框类似的接口方法,用于替代浏览器默认的弹出对话框。 详细的API如下:
alert(message?, title?, type?, options?)
显示一个警告框,带有特定的消息和一个确认按钮。
message: string> 可选。定义在警告框中显示的文本。
title: string> 可选。 定义警告框的标题
type: 'success' | 'error' | 'warning' | 'info' | 'question'> 可选。 定义图标类型.
options: SweetAlertOptions> 可选。 高级选项,参见 sweetalert2 文档。
returns: Promise
> 当警告框关闭时,会 resolve``true
。
confirm(message?, title?, type?, options?)
显示一个带有指定消息、确定及取消按钮的对话框。
message: string>可选。定义在确认框中显示的文本。
title: string> 可选。 定义在确认框中显示的标题。
type: 'success' | 'error' | 'warning' | 'info' | 'question'> 可选。 指定图标类型。
options: SweetAlertOptions> 可选。 高级选项,参见 sweetalert2 文档。
returns: Promise
> 当点击确认按钮,窗口关闭时会 resolve
,否则会reject
。
prompt(message, defaultText?, title?, type?, options?)
prompt()
会显示一个对话框让用户输入。
message: string> 必填. 定义在对话框中显示的文本。
defaultText: string> 可选。 默认的输入文本。
title: string> 可选. 定义确认框的标题
type: 'success' | 'error' | 'warning' | 'info' | 'question'> 可选的,定义图标类型。
options: SweetAlertOptions> 可选的。高级选项,参见 sweetalert2 文档。
returns: Promise
> 点击确认按钮时,会 resolve
输入的文本。 如果用户没有输入但点击了确认按钮,会resolve
空字符。 如果对话框是由于其他按钮被关闭,Promise则会被reject
。
$fire
除了以上默认的三个接口,还可以通过$fire调用sweetalert2的fire方法,详细文档参见:sweetalert2 文档。