后台返回的数据包含\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>
后台返回的数据包含\r\n 但是前端使用v-html会将其转化成空格，现今产品要求是换行实现方式有三种： 修改数据...
Vue渲染到html元素的数据时使用v-html输出解析 下面json的数据 在vue中输出label或title...
vue由模板、实例、组件组成 模板 v-text解析文本，跟{{}}效果一样 v-html解析html 事件v-o...
1，补vue指令(1) v-html :可以解析html标签(2) v-text :不论什么都解析成文本格式(3)...
v-if v-else e-else-if （随机数） v-html 可以解析标签 v-text 解析不了标签 ...
替换命令：:%s/\n/;\n/g， 结果总是出错。 解决办法：:%s/\n/;\r/g
vue所有的指令都是以 " v-" 开头。 v-html：类似于 js中的innerHTML 。可以解析模板中的标...
在学习 vue 项目的时候发现，v-html 里面包含的标签无法设置样式 最后发现两种解决办法 这里要是使用 /d...
在vue中可以使用v-html去动态解析iconfont码，但是uniapp的小程序端 就很尴尬了，不支持，所以我...
?【Vue】学习养成记，【程序员必备小知识】 ? 今日小知识——Vue常用指令之v-html v-html指令其实...
本文标题：vue v-html解析不了\r\n的解决办法
本文链接：https://www.haomeiwen.com/subject/voftoktx.html
网友评论