Javascript之字符串换行问题

前言

按项目需求，需要将一串字符串换行显示，例如：‘一级标题，二级标题，三级标题，四级标题，五级标题’。
展示效果如下:

代码展示

html代码
把要换行的字符串前面加'\n',然后放在pre标签中
<div>
<pre>{{str}}</pre>
</div>

js代码
let str=‘一级标题，\n二级标题，\n三级标题，\n四级标题，\n五级标题’

 **<  pre> 标签可定义预格式化的文本。
被包围在 <pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。**