Element MessageBox 弹框 如何自动关闭
在Element UI中，MessageBox是一个模态弹框，用于用户交互。若要使弹框在特定时间后自动关闭，可以使用setTimeout函数配合MessageBox.close方法。
以下是一个简单的例子，展示如何在弹框显示5秒后自动关闭：
// 引入Element UI的MessageBox
import { MessageBox } from 'element-ui';
// 显示弹框
MessageBox.alert('这个弹框会在5秒后自动关闭', '标题名称', {
dangerouslyUseHTMLString: true, // 允许message使用HTML标签
callback: action => {
// 如果需要在关闭前执行某些操作，可以在这里添加代码
}
});
// 设置5秒后关闭弹框
setTimeout(() => {
MessageBox.close();
}, 5000);在这个例子中，MessageBox.alert用于显示弹框，并且使用setTimeout设置了5秒后调用MessageBox.close来关闭弹框。注意，这种方式适用于Element UI的所有MessageBox方法，如confirm、prompt等。
评论已关闭