elementui 如何在ajax执行成功后 关闭弹窗 dialogFormVisible: false

如果您使用的是 Vue.js 框架，并且使用 Element UI 的 Dialog 组件来显示弹窗，那么您可以在 ajax 请求成功后，通过修改对应的变量来关闭弹窗。
假设您的 Vue 组件中有一个变量 dialogFormVisible 用来控制弹窗的显示和隐藏，那么您可以在 ajax 请求成功后执行如下操作来关闭弹窗：
this.dialogFormVisible = false;
登录后复制
具体的代码示例如下：
axios.post('/api/submit-form', formData)
.then(response => {
// 关闭弹窗
this.dialogFormVisible = false;
})
.catch(error => {
console.log(error);
});
登录后复制
在上面的代码中，当 ajax 请求成功执行后，我们将 dialogFormVisible 的值设置为 false，这样就可以关闭弹窗了。
希望这对您有帮助。

相关问题

elementui 如何在ajax执行成功后 关闭弹窗

可以使用 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 方法关闭弹窗。

bootstrap大气alert弹窗组件：messenger

messenger是一个基于Bootstrap的JavaScript库，它提供了美观、易用的alert弹窗组件，可以用于在网站中显示各种类型的消息、错误提示、警告等。
messenger支持多种弹窗类型，如info、success、error、warning等，每种类型都有不同的样式和图标。此外，它还支持自定义弹窗的样式、位置、动画等属性，可以根据具体需求进行定制。
使用messenger非常简单，只需要引入相应的样式和JavaScript文件即可。以下是一个示例代码：
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/messenger/1.5.0/css/messenger.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/messenger/1.5.0/css/messenger-theme-air.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/messenger/1.5.0/js/messenger.min.js"></script>

<script>
// 显示一个success类型的弹窗
Messenger().post({
message: '操作成功！',
type: 'success',
showCloseButton: true
});
</script>
登录后复制
上述代码中，先引入了messenger的样式文件和JavaScript文件，然后通过调用Messenger().post()方法显示一个success类型的弹窗，弹窗中显示的消息为“操作成功！”，并且显示关闭按钮。
总的来说，messenger是一个非常实用的Bootstrap弹窗组件，可以大大简化开发者在网站中显示消息、提示、警告等的工作。