文本中直接用 \n ,无法换行,因为 html 不识别 \n,如果只是单纯的用 replace 把 \n 换成 <br/>,只能变成普通的字符串,也还是无法换行。
解决方法有这么几种:
1. 用 innerHTML = " ... " 或者 v-html 来把 <br/> 识别为 html node
2. 在标签上套一个 <pre></pre>
3. 设置 css
// 合并空白符序列,但是保留换行符。
white-space: pre-line;
同理,针对不能识别多个空格的文本,也可以用以下代码
<div style="white-space:pre">AA BB<div>