后台返回的数据包含\r\n 但是前端使用v-html会将其转化成空格,现今产品要求是换行
实现方式有三种:
- 修改数据,将数据中所有的\r\n转换成
.replace(/\r\n/g,"<br/>")
- 修改css,添加样式
<p style="white-space: pre-wrap;" v-html="data"></p>
- 修改dom,添加pre标签
<pre><p v-html="data"></p></pre>
后台返回的数据包含\r\n 但是前端使用v-html会将其转化成空格,现今产品要求是换行
实现方式有三种:
.replace(/\r\n/g,"<br/>")
<p style="white-space: pre-wrap;" v-html="data"></p>
<pre><p v-html="data"></p></pre>