Baidu DLS

返回 DLS

alert

安装

import alert from 'veui/plugins/alert'

Vue.use(alert)

API

该插件在安装后会在所有组件实例上提供 $alert 方法,类型为 function(content, title, options): Promise<void>

该方法返回 Promise 对象,会在弹框成功关闭后被 resolve。

参数名类型说明
contentstring显示在警告弹框中的文本内容。
titlestring警告弹框的标题。
optionsObject=
名称类型描述
typestring提示类型,可选值为 'success'/'warning'/'info'/'errro'。默认值为 'success'
overlayClassstring|Object|Array<string>添加到警告弹框浮层根节点的类名。
okfunction(): Promise<void>点击“知道了”按钮后调用。如果该函数返回的 Promise 被 resolve,则弹框会被关闭,否则不会关闭。

$alert 方法上还提供如下快捷方法,将把 options 中的 type 指定为对应类型值:

方法名类型描述
successfunction(content, title, options): Promise<void>展示“成功”样式的弹框。
warnfunction(content, title, options): Promise<void>展示“警告”样式的弹框。
infofunction(content, title, options): Promise<void>展示“普通消息”样式的弹框。
errorfunction(content, title, options): Promise<void>展示“错误”样式的弹框。