elementui 的messagebox放两个绑定值按钮怎么做

可以在 `messageBox` 的 `actions` 参数中传入一个数组，数组中可以设置多个按钮，每个按钮都可以绑定不同的值。例如：

this.$messageBox({
  title: '提示',
  message: '确定要删除吗？',
  showCancelButton: true,
  confirmButtonText: '确定',
  cancelButtonText: '取消',
  actions: [
    {
      text: '删除并禁用',
      value: 'deleteAndDisable'
    },
    {
      text: '只删除',
      value: 'onlyDelete'
    }
  ]
}).then(action => {
  if (action === 'deleteAndDisable') {
    // 执行删除并禁用的操作
  } else if (action === 'onlyDelete') {
    // 执行只删除的操作
  }
})

在上面的例子中，我们通过 `actions` 参数传入了一个数组，数组中包含了两个按钮，分别是“删除并禁用”和“只删除”，并且分别绑定了不同的值。在点击对应的按钮后，会返回对应的值，我们可以根据返回值来执行不同的操作。

相关问题

elementui messagebox 自定义

elementUI的messageBox组件可以通过自定义插件来实现。首先，你可以在JS代码中使用`this.$createElement`来创建自定义的元素，通过传入不同的参数来定制消息框的内容。你可以设置消息框的标题、消息内容、是否显示取消按钮等。通过`beforeClose`方法可以在关闭消息框之前执行一些操作，比如确认按钮被点击时的回调函数。在then方法中，你可以根据不同的操作动作来显示不同的提示消息。在catch方法中，可以处理取消操作的逻辑。CSS代码可以用于控制消息框内元素的样式。

在第二个引用中，你可以看到一个示例的源码，通过点击按钮来打开消息框。消息框的内容可以使用`h`函数来创建自定义的VNode元素。beforeClose方法中可以实现一些操作，比如点击确认按钮后的loading效果。根据用户的操作动作，可以显示不同类型的提示消息。

总的来说，通过自定义插件，你可以实现自己的elementUI messagebox，定制化消息框的样式和功能，以满足你的需求。

elementui messagebox callback

ElementUI是一个基于Vue.js的组件库，其中包含了一些常用的UI组件，如消息框（MessageBox）。MessageBox组件可以用于显示提示、警告、错误等消息，并且可以通过回调函数来处理用户的操作。

下面是一个使用ElementUI的MessageBox组件的示例代码：

this.$confirm('确定要删除该记录吗？', '提示', {
  confirmButtonText: '确定',
  cancelButtonText: '取消',
  type: 'warning'
}).then(() => {
  // 用户点击了确定按钮的回调函数
  this.$message({
    type: 'success',
    message: '删除成功!'
  });
}).catch(() => {
  // 用户点击了取消按钮的回调函数
  this.$message({
    type: 'info',
    message: '已取消删除'
  });
});

上述代码中，`this.$confirm`方法用于显示一个确认对话框，其中包含了一个提示信息、标题、确定按钮和取消按钮。当用户点击确定按钮时，会执行`then`回调函数，当用户点击取消按钮时，会执行`catch`回调函数。

在回调函数中，可以根据需要执行相应的操作，比如显示成功或失败的消息提示。