用途:Element Plus Message 组件用于在用户操作后显示全局反馈消息,例如成功、警告、错误或信息提示。
主要能力:支持 primary、success、warning、info、error 多种类型;可设置 display duration(0 表示不自动关闭);支持 showClose 关闭按钮、center 居中、customClass、offset 与 placement(top、top-left、top-right、bottom、bottom-left、bottom-right);支持 dangerouslyUseHTMLString、自定义 icon、VNode 与 grouping 合并相同内容消息;提供 ElMessage、ElMessage.success/warning/info/error、ElMessage.closeAll 以及实例 close 方法。
使用方式:从 element-plus 导入 ElMessage,调用 ElMessage('文本') 或传入配置对象,如 ElMessage({ message: 'x', type: 'success', duration: 5000, showClose: true })。VNode 内容可使用 h 函数构造。异步操作中可先用 duration: 0 创建消息实例,完成后调用实例 close()。
适用场景:表单校验反馈、保存或提交结果提示、加载状态提示、重复操作的合并提示。
限制:需确保已导入 Element Plus 样式,否则消息可能不显示;dangerouslyUseHTMLString 存在安全风险,资料建议优先使用 VNode;duration 为 0 时不会自动关闭,需手动调用 close();重复消息可通过 grouping 合并。