vue3 ElMessage提示语换行渲染

在 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
});

效果：