青岛建设项目_建湖人才网最新招聘_网址域名大全_深圳网络推广公司有哪些

1. 使用<pre>标签

<pre>{{ content }}</pre>

2. 设置white-space样式（推荐）

<div class="content">{{ content }}
</div>
.content{white-space: pre-wrap;
}

菜鸟教程：white-space: pre-wrap;的用途在于它允许你保留源代码中的空白和换行，同时仍然允许文本自然换行，这在显示代码片段或需要保留文本格式的场景下非常有用。

3. 方法三：使用v-html（不推荐，可能被执行恶意脚本）

将文本中的换行与空格替换成HTML样式，然后使用v-html直接渲染HTML

<div v-html="content.replace(/\n/g, '<br>').replace(/ /g, '&nbsp;')"
></div>