使用 elemnt-ui 组件，用v-html 编译代码内容，但是不行， 原因是 识别不了。

加上 下面那个样式就行。

style=“white-space: pre-wrap;”

或者

首先，将字符串里的 \n 替换为 <br>，然后用 v-html 指令渲染字符串为 innerHTML 。 代码如下:

// JS部分
this.text = res.data.replace(/\n/g,'<br>')
// HTML部分
<div v-html="text"></div>

或者

<pre>{{含有\n的字符串}}</pre>

注意：在选择<pre>标签时，如果文字太长的行可能会撑开固定宽度的容器或者超出容器范围。解决方法：

pre {
//方法一：保留空白符序列，但是正常地进行换行。
  white-space: pre-wrap;
//方法二：添加横向滚动条
  overflow-x: auto;
}