- 使用
<pre>标签
<pre>{{ content }}</pre>
- 设置
white-space样式（推荐）
<div class="content">
{{ content }}
</div>
.content{
white-space: pre-wrap;
}
- 方法三：使用
v-html（不推荐，可能被执行恶意脚本）
将文本中的换行与空格替换成HTML样式，然后使用v-html直接渲染HTML
<div
v-html="content.replace(/\n/g, '<br>').replace(/ /g, ' ')"
></div>
