在 ElMessage.error
中使用换行符 \n
并不会实现换行,因为 ElMessage
默认会将字符串中的换行符忽略。要实现换行显示,可以使用 HTML
标签 <br>
并结合 ElMessage
的 dangerouslyUseHTMLString
选项。以下是实现换行提示的代码示例:
import { ElMessage } from 'element-plus';
// 假设 data.msg 是从后端获取的错误信息
const data = {
msg: '验证失败:Tabel ID is not defined.'
};
// 使用 ElMessage.error 并启用 dangerouslyUseHTMLString 选项
ElMessage.error({
message: '发布失败!<br>' + data.msg,
dangerouslyUseHTMLString: true
});
效果: