方案一(格式包含颜色换行等)
- 服务端:配置后接口输出带标签的字符串,但是尖括号不能被转义
- 前端:v-html接受字符串(vue项目),原生用innerHTML赋值
方案二(格式针对只存在换行符的文本)
- 服务端:代码中拼接换行符;或者文件解析出来的字符串确保其中带有换行符
- 前端
const str = res; // 'xxx\nyyy'
<pre>{{str}}</pre>
// 写在div标签中,需添加额外样式
<div style="white-space:pre">{{ str }}</div>