ElementUI中MessageBox弹窗回调函数实例

1.使用前提

全局方法

如果你完整引入了 Element，它会为 Vue.prototype 添加如下全局方法：msgbox, alert, confirm 和 prompt。因此在 Vue instance 中可以采用本页面中的方式调用 MessageBox。调用参数为：

• $msgbox(options)
• $alert(message, title, options) 或 $alert(message, options)
• $confirm(message, title, options) 或 $confirm(message, options)
• $prompt(message, title, options) 或 $prompt(message, options)

单独引用

如果单独引入 MessageBox：

import { MessageBox } from 'element-ui';

那么对应于上述四个全局方法的调用方法依次为：MessageBox, MessageBox.alert, MessageBox.confirm 和 MessageBox.prompt，调用参数与全局方法相同。

2.参数简介

callback——若不使用 Promise，可以使用此参数指定 MessageBox 关闭后的回调。
function(action, instance)，action 的值为'confirm', 'cancel'或'close', instance 为 MessageBox 实例，可以通过它访问实例上的属性和方法。

3.实例代码

本例是直接在Element官方文档中MessageBox—确认消息的原例中，实现了点击确认后回调自定义方法。