Vue的v-html解析js的 \ n 换行

v-html只能解析HTML的换行，就是</br>

如果是js的\n换行的话，v-html就不能解析出来了。

这种情况可以使用下面的方法解决(3种方法)：

01-在使用 v-html 时添加样式，white-space:pre-wrap ,让浏览器保留空白和换行符。

<p v-html="text" style="white-space:pre-wrap"></p>

02-用正则表达式把 \n 替换为</br>

<p v-html="text.replace(/\n/g,'<br/>')"></p>

03-用 pre 标签包裹

<pre><p v-html="text"></p></pre>