关于 ElementUI 通知组件 notification 重叠问题的解决方案
import { Notification } from 'element-ui';
// 自定义通知弹窗
function notify(title, message, type = 'info') {
// 通过 Notification 创建一个新的通知实例
const notification = Notification({
title: title,
message: message,
type: type,
duration: 3000 // 设置通知持续时间
});
// 通过判断通知实例的 visible 属性，来决定是否需要关闭前一个通知
if (notification.visible) {
notification.close(); // 关闭当前可见的通知
}
// 返回新创建的通知实例
return notification;
}
// 使用 notify 函数发送通知
notify('更新提示', '您当前使用的版本不是最新版本，建议更新。');这段代码定义了一个notify函数，用于创建Element UI的Notification组件实例。它会检查当前通知是否可见，如果可见，则关闭它，确保不会有重叠的通知弹窗出现。这样的解决方案可以避免用户因为过多的通知弹窗而感到困扰。
评论已关闭