vue messagebox的用法

Vue MessageBox 是一个基于 Vue.js 的弹窗组件，可以用于实现弹窗提示、确认框、自定义内容的弹窗等功能。

使用方法如下：

1. 在组件中引入 MessageBox

import { MessageBox } from 'element-ui';

2. 调用 MessageBox 的方法

// 弹出提示框
MessageBox.alert('提示内容');

// 弹出确认框
MessageBox.confirm('确认内容', '确认标题', {
  confirmButtonText: '确定',
  cancelButtonText: '取消',
  type: 'warning'
}).then(() => {
  // 确认操作
}).catch(() => {
  // 取消操作
});

// 弹出自定义内容的弹窗
MessageBox({
  title: '自定义标题',
  message: '<p>自定义内容</p>',
  dangerouslyUseHTMLString: true,
  confirmButtonText: '确定',
  cancelButtonText: '取消',
  showClose: true,
  type: 'info'
}).then(() => {
  // 确认操作
}).catch(() => {
  // 取消操作
});

以上就是 Vue MessageBox 的简单用法。需要注意的是，MessageBox 中的内容可以是 HTML 字符串，为了避免 XSS 攻击，需要将 `dangerouslyUseHTMLString` 属性设置为 true。同时，MessageBox 的返回值是一个 Promise，可以通过 then 和 catch 方法来获取用户的操作结果。