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标签

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