vue v-html解析不了\r\n 解决方案
2023-09-11 14:19:20 时间
后台返回的数据包含\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 - config
- 优化 html 标签 为何能用HTML/CSS解决的问题就不要使用JS?
- 【css/vue】Vue组件中对body操作样式的一种解决方案
- Vue 使用swiper4导致ie或手机浏览器打开空白的问题
- vue-property-decorator 提供 OO 的风格 Vue Component 方便类型声明
- Vue - DevTools Open DevTools and look for the Vue panel(控制台没有 Vue 选项卡)
- [转]vue项目中 指令 v-html 中使用过滤器filters功能
- vue-devtools 获取到 vuex store 和 Vue 实例的?
- Vue vue-awesome-swiper 的坑
- 关于Vue中main.js,App.vue,index.html之间关系进行总结
- vue开源项目库汇总
- 【Vue】vue基础语法——computed计算、watch监听、class和style,最后回顾JavaScript里面的常用方法(vue学习day03)
- vue学习笔记十:Jquery VS Vue之页面动画明细对照
- 利用vue-meta管理头部标签
- 浅析Vue数据更新了但页面不更新的7种情况及vue异步更新带来的数据响应的误解
- vue问题解决:Vue packages version mismatch 版本始终不对的解决
- Vue-cli 4在vue.config.js中配置别名
- 如何使用vue-table-with-tree-grid树形表格组件
- petite-vue-源码剖析-v-for重新渲染工作原理
- SpringBoot+Vue实现的仿小米电子产品售卖商城系统 附带详细运行指导视频
- Vue学习第26天——vuex中的模块化和命名空间的详解及案例练习
- Vue学习第14天——vue自定义事件及详细代码演示
- vue-admin-template 报错 This project has been renamed to 'tasksfile'. Install using 'npm install tasksfile' instead.