Vue 解决在element中使用$notify在提示信息中换行问题

要在 element-ui 的 $notify 中进行换行，可以使用 html 标签进行内容换行。但是，直接在 $notify 中插入 html 标签会将其解析为字符串，而不是渲染成为 html 元素。因此许多人会通过使用 dangerouslyUseHTMLString 属性，来将 <br> 等 html 标签渲染为真正的 html 元素。

以下是使用 dangerouslyUseHTMLString 属性的示例代码：

const h = this.$createElement;
const vNode = h("div", {
  domProps: {
    innerHTML:
      "第一行内容<br>第二行内容",
  },
});

this.$notify({
  dangerouslyUseHTMLString: true,
  message: vNode,
});

在 $notify 中将 html 内容渲染的另一种方式，是使用 Vue 的 render 函数。我们可以在 $notify 的 message 属性中，将要渲染的内容传入 render 函数中进行渲染，从而实现换行的效果。

以下是使用 render 函数渲染换行内容的示例代码：

this.$notify({
  message: h => {
    return h("div", [
      "第一行内容",
      h("br"),
      "第二行内容",
    ]);
  },
});

这两种方法可以帮助我们在 element-ui 中使用 $notify 实现换行的效果。