0
点赞
收藏
分享

微信扫一扫

【Java难点】多线程-终极【更新中...】

东言肆语 2024-05-11 阅读 9
前端

序:

后端传递了一大段包含了回车符的文本内容,前端展示的时候所有文字堆在一起,没有换行展示。以下方法中content为后端返回的文本内容

方法一:

“↵”符号在html中会识别别为\r,\n等转义字符,所以我们可以使用\r\n去替换(.replace(/(\r\n|\n|\r)/gm, ’< br />'))
存在英文**<>**不显示

<div v-html="content.replace(/(\r\n|\n|\r)/gm, '<br />')"></div>

方法二:

使用

标签, 它会自动识别和处理后台返回的换行符号

<pre>{
  {content }}</pre>

方法三:

white-space样式

举报

相关推荐

0 条评论