【Vue】elementUI-MessageBox组件相关

在Vue中使用Element UI的MessageBox组件可以创建弹窗，以下是一个简单的例子：

首先，确保你已经安装并引入了Element UI库。

import { MessageBox } from 'element-ui';

然后，你可以使用MessageBox.confirm来创建确认框，或者使用MessageBox.alert来创建简单的警告框。

// 确认框
MessageBox.confirm('确认执行此操作吗？', '提示', {
  confirmButtonText: '确定',
  cancelButtonText: '取消',
  type: 'warning'
}).then(() => {
  // 用户点击确定执行的逻辑
  MessageBox.alert('操作已执行', '完成', {
    confirmButtonText: '确定',
    callback: action => {
      this.$message({
        type: 'info',
        message: `选择: ${action}`
      });
    }
  });
}).catch(() => {
  // 用户点击取消执行的逻辑
  this.$message({
    type: 'info',
    message: '已取消操作'
  });          
});

在这个例子中，我们首先调用MessageBox.confirm方法来显示一个确认框。用户点击“确定”会执行一个操作，并通过MessageBox.alert显示一个简单的消息。如果用户点击“取消”，则会显示一个信息提示用户已取消操作。