这个组件只有这 alert()confirm()prompt() 三个方法可调用吗?详细的API有哪些?

2020-10-05 10:20创建
共1个回答
XL
游客xlRpUN

Vue Simple Alert是基于sweetalert2的一个Vue组件,提供和浏览器对话框类似的接口方法,用于替代浏览器默认的弹出对话框。 详细的API如下:

alert(message?, title?, type?, options?)

显示一个警告框,带有特定的消息和一个确认按钮。

image.png

image.png

  • message: string> 可选。定义在警告框中显示的文本。

  • title: string> 可选。 定义警告框的标题

  • type: 'success' | 'error' | 'warning' | 'info' | 'question'> 可选。 定义图标类型.

  • options: SweetAlertOptions> 可选。 高级选项,参见 sweetalert2 文档

  • returns: Promise> 当警告框关闭时,会resolve``true

confirm(message?, title?, type?, options?)

image.png

显示一个带有指定消息、确定及取消按钮的对话框。

  • message: string>可选。定义在确认框中显示的文本。

  • title: string> 可选。 定义在确认框中显示的标题。

  • type: 'success' | 'error' | 'warning' | 'info' | 'question'> 可选。 指定图标类型。

  • options: SweetAlertOptions> 可选。 高级选项,参见 sweetalert2 文档

  • returns: Promise> 当点击确认按钮,窗口关闭时会resolve,否则会reject

prompt(message, defaultText?, title?, type?, options?)

prompt()会显示一个对话框让用户输入。

image.png

  • 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 文档