vue v-html解析不了\r\n 解决方案

vue

后台返回的数据包含\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>

以上是 vue v-html解析不了\r\n 解决方案 的全部内容, 来源链接: utcz.com/z/376306.html

回到顶部