1.5 KiB
1.5 KiB
alert
安装
import alert from 'veui/plugins/alert'
Vue.use(alert)
API
该插件在安装后会在所有组件实例上提供 $alert
方法,类型为 function(content, title, options): Promise<void>
。
该方法返回 Promise
对象,会在弹框成功关闭后被 resolve。
参数名 | 类型 | 说明 |
---|---|---|
content |
string |
显示在警告弹框中的文本内容。 |
title |
string |
警告弹框的标题。 |
options |
Object= |
[^options] |
^^^options
名称 | 类型 | 描述 |
---|---|---|
type |
string |
提示类型,可选值为 'success' /'warning' /'info' /'errro' 。默认值为 'success' 。 |
overlayClass |
`string | Object |
ok |
function(): Promise<void> |
点击“知道了”按钮后调用。如果该函数返回的 Promise 被 resolve,则弹框会被关闭,否则不会关闭。 |
^^^ |
$alert
方法上还提供如下快捷方法,将把 options
中的 type
指定为对应类型值:
方法名 | 类型 | 描述 |
---|---|---|
success |
function(content, title, options): Promise<void> |
展示“成功”样式的弹框。 |
warn |
function(content, title, options): Promise<void> |
展示“警告”样式的弹框。 |
info |
function(content, title, options): Promise<void> |
展示“普通消息”样式的弹框。 |
error |
function(content, title, options): Promise<void> |
展示“错误”样式的弹框。 |