需求:正常 this.$message.success(message) 展示的内容是放在一起的,哪怕 message 分行了,也是放在一起,现在需要将message内容换行。
思路:通过设置 dangerouslyUseHTMLString 属性可以让 message 当作 HTML 片段处理
let message = "";
res.data.resultValue.tips.forEach((item) => {
message = message + item + "<br/>";
});
this.$message({
dangerouslyUseHTMLString: true,
message,
type: "success",
});
拓展:$confirm 和 $alert 也可以通过 dangerouslyUseHTMLString 属性换行
arr.forEach((item, index) => {
if (index === 0) return;
newInfo = newInfo + "机组名称" + item + "<br />";
});
this.$confirm(newInfo, "确定以下机组修改参数?", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
dangerouslyUseHTMLString: true,
});