elementui 的messagebox放两个绑定值按钮怎么做
时间: 2023-07-08 15:23:59 浏览: 87
可以在 `messageBox` 的 `actions` 参数中传入一个数组,数组中可以设置多个按钮,每个按钮都可以绑定不同的值。例如:
```javascript
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是一个弹出框组件,用于显示提示信息、警告信息、错误信息等。它可以自定义标题、内容、按钮等,并支持多种类型的弹出框样式。使用messagebox可以方便地向用户展示重要的信息,提高用户体验。
elementui messagebox 自定义
elementUI的messageBox组件可以通过自定义插件来实现。首先,你可以在JS代码中使用`this.$createElement`来创建自定义的元素,通过传入不同的参数来定制消息框的内容。你可以设置消息框的标题、消息内容、是否显示取消按钮等。通过`beforeClose`方法可以在关闭消息框之前执行一些操作,比如确认按钮被点击时的回调函数。在then方法中,你可以根据不同的操作动作来显示不同的提示消息。在catch方法中,可以处理取消操作的逻辑。CSS代码可以用于控制消息框内元素的样式。
在第二个引用中,你可以看到一个示例的源码,通过点击按钮来打开消息框。消息框的内容可以使用`h`函数来创建自定义的VNode元素。beforeClose方法中可以实现一些操作,比如点击确认按钮后的loading效果。根据用户的操作动作,可以显示不同类型的提示消息。
总的来说,通过自定义插件,你可以实现自己的elementUI messagebox,定制化消息框的样式和功能,以满足你的需求。
阅读全文