vue v-html解析不了\r\n的解决办法

后台返回的数据包含\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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容