当前位置: 首页 > news >正文

前端处理后端返回的数据中有\n\n字样的换行符标识

后端返回的数据:

上面圈着的部分就是\n,前端需要将数据进行换行,对于这类型的数据,在前端页面是需要进行稍微处理才能正常显示。如果没有经过处理,那么内容是不会在有换行符的位置进行换行显示的

解决办法1:

使用css属性:

white-space:pre-line
或
white-space:pre-wrap

pre-wrap:连续的空白符会被保留。在遇到换行符或者< br >元素,或者需要为了填充「行框盒子(line boxes)」时才会换行

pre-line连续的空白符会被合并。在遇到换行符或者< br >元素,或者需要为了填充「行框盒子(line boxes)」时会换行

解决办法2:

使用v-html输出文本

v-html="xxx.replace(/\n\n/g, '<br>')"

以上两种方法都可以实现

http://www.lryc.cn/news/122045.html

相关文章:

  • matlab解常微分方程常用数值解法2:龙格库塔方法
  • 数据结构-栈(C语言简单实现)
  • 山东布谷科技直播软件源码探索高效、稳定直播传输的技术介绍:流媒体传输技术
  • LeetCode 热题 100 JavaScript -- 74. 搜索二维矩阵
  • 任我行 CRM SQL注入漏洞复现(HW0day)
  • [CKA]考试之集群故障排查 – kubelet故障
  • VBA技术资料MF42:VBA_从Excel中上面的单元格复制公式
  • ORB-SLAM2第一节---单目地图初始化
  • Postman 汉化及下载
  • 【运维】Zabbix简介及其应用领域
  • vue 设置了表单验证的el-input,在触发验证后无法继续输入的问题解决
  • 基于smardaten无代码开发智能巡检系统,让无人机飞得更准
  • 51项目——智能垃圾桶
  • HCIP——堆叠技术
  • 芯片工程师求职题目之CPU篇(3)
  • Grounding dino + segment anything + stable diffusion 实现图片编辑
  • 如何选择更快更稳定的存储服务器
  • 此芯科技加入 openKylin 开源社区
  • 开发一个RISC-V上的操作系统(七)—— 硬件定时器(Hardware Timer)
  • 电池的正极是带正电?
  • Go 协程为什么比进程和线程占用的系统资源低?
  • 性能测试—Jmeter工具
  • 【分布式系统】聊聊高性能设计
  • 自动驾驶数据集汇总
  • 面向对象的基本原则
  • C语言开发基础知识(一)
  • ​API网关类型与区别​
  • linux:nginx网站升级至http2
  • Flutter:屏幕适配
  • 中科亿海微ROM使用