elementui 如何在ajax执行成功后 关闭弹窗
时间: 2023-02-06 09:18:55 浏览: 108
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
可以使用 element-ui 提供的 $confirm 实例的 close 方法来关闭弹窗。
下面是一个例子:
```
import { MessageBox } from 'element-ui'
// 打开弹窗
let confirm = MessageBox.confirm('确定要执行此操作吗?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
});
// ajax 请求成功后关闭弹窗
confirm.then(() => {
// ajax 请求
$.ajax({
url: '/some/api',
type: 'post',
success: function (response) {
// 关闭弹窗
confirm.close();
}
});
});
```
在这个例子中,我们首先使用 element-ui 的 MessageBox.confirm 方法打开了一个确认弹窗。然后使用 ajax 请求数据,在请求成功后调用 $confirm 实例的 close 方法关闭弹窗。
阅读全文