如何用甜蜜的警报打破界限

Question

我想在 sweet Alert 2 的 swal.text 处断行一些文本。我尝试了 br, \r \n , join(\n\n) 但不适合我！请帮助我解决我的问题。感谢您的帮助：D。这是我的代码

<swal #extractDataDoneSwal
      title="Exported"
      text="Your files have been exported"
      icon="success">
</swal>

if (data == "1") {
  this.exportFile = this.insurerNo.toString() + "_Med.SAT";
  this.loading = false;
  const lines = ['Your files have been exported',this.exportFile];
  this.extractDataDoneSwal.text = lines.join('\n\n');
  this.extractDataDoneSwal.fire();
}

Answer 1

您可以尝试使用属性“html”而不是“text”。参考文档：

html 属性：模式的 HTML 描述。它可以添加到键“html”下的对象中，也可以作为函数的第二个参数传递。

text 属性：模式的描述。如果同时提供“text”和“html”参数，则使用“text”。

这样您就可以添加任何 HTML 标记并获得这样的结果。让我知道事情的后续！