element-ui msgbox done() 提示信息
时间: 2023-10-12 16:11:48 浏览: 38
element-ui中的msgbox可以通过done()方法来关闭提示信息。done()方法会返回一个Promise对象,可以通过then()方法来处理关闭后的操作。例如:
```
this.$msgbox({
title: '提示',
message: '确定要删除吗?',
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(() => {
// 确定删除后的操作
}).catch(() => {
// 取消删除后的操作
});
```
在这个例子中,当用户点击确定按钮时,msgbox的done()方法会返回一个resolved状态的Promise对象,进入then()方法处理删除操作;当用户点击取消按钮时,done()方法会返回一个rejected状态的Promise对象,进入catch()方法处理取消删除操作。
相关问题
vue3 element-plus 中ElmessageBox.alert()提示 当前单号:EX55500
在Vue3和Element Plus中,ElMessageBox的使用方式和Vue2和Element UI略有不同,具体使用方法如下:
1. 首先需要在Vue实例中引入ElMessageBox组件。在Vue3和Element Plus中,可以通过以下方式进行引入:
```
import { ElMessageBox } from 'element-plus';
app.config.globalProperties.$msgbox = ElMessageBox;
```
其中,`app`是Vue3实例。
2. 在需要使用ElMessageBox组件的地方,可以通过以下方式调用:
```
this.$msgbox.alert(`当前单号:${code}`).then(() => {
// 在这里可以添加需要执行的代码
});
```
其中,`alert`方法的参数为提示框中显示的内容,这里使用了ES6模板字符串的语法,可以方便地将变量插入到字符串中。`.then()`方法中可以添加需要执行的代码,表示在点击确认按钮后执行。
希望这样回答能够帮到您!
element ui的MessageBox弹框的遮罩加点击事件
在Element UI中,MessageBox弹框的遮罩同样可以添加点击事件。可以使用以下代码给遮罩添加点击事件:
```javascript
this.$msgbox({
title: '提示',
message: '这是一条提示信息',
showCancelButton: true,
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
// 点击了确定按钮
} else if (action === 'cancel') {
// 点击了取消按钮
} else {
// 点击了遮罩层
}
done(); // 关闭MessageBox
}
});
```
在beforeClose回调函数中,第三个参数done是一个回调函数,调用它可以关闭MessageBox。当用户点击遮罩层时,action参数的值为'',可以在这里处理遮罩层的点击事件。