vue v-html解析不了\r\n的解决办法
2021-01-13 本文已影响0人
小妍妍说
后台返回的数据包含\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>