4种前端处置惩罚文本换行展示

序：

后端通报了一大段包罗了回车符的文本内容，前端展示的时间全部文字堆在一起，没有换行展示。以下方法中content为后端返回的文本内容
方法一：

“↵”符号在html中会识别别为\r,\n等转义字符，以是我们可以利用\r\n去更换（.replace(/(\r\n|\n|\r)/gm, ’< br />')）
存在英文**<>**不表现

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

复制代码

方法二：

利用

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

复制代码

1. <pre>{
2.   {content }}</pre>

复制代码

方法三：

white-space样式
[code][/code]
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。