用途:Element Plus 的全局通知组件,在页面角落显示通知消息,适合展示异步操作结果、系统提醒等需要用户注意的提示。
主要能力:支持 success、warning、info、error 多种类型;可定位到 top-right、top-left、bottom-right、bottom-left;可手动或自动关闭;可配置显示时长、自定义图标、自定义类名、距屏幕边缘的 offset、appendTo、zIndex;message 支持字符串、VNode 或函数;开启 dangerouslyUseHTMLString 后支持 HTML 字符串;提供 onClose、onClick 回调。
使用方式:从 element-plus 导入 ElNotification,调用 ElNotification(options) 或 ElNotification.success/warning/info/error(message | options) 显示通知,返回通知实例,实例提供 close() 方法;ElNotification.closeAll() 可关闭全部通知。需确保引入 Element Plus 样式。
适用场景:表单提交、接口请求等异步操作的反馈提示;需要在页面角落持续展示、带标题和详细内容的提醒;需要在多个位置展示通知或控制通知显示时长的界面。
限制:资料未提供收费、价格及平台兼容性等信息;默认配置项如 duration 为 4500、position 为 top-right、showClose 为 true;duration 设为 0 表示不自动关闭,需手动调用实例的 close();使用 HTML 字符串需设置 dangerouslyUseHTMLString,安全考虑上更推荐 VNode。