码迷,mamicode.com
首页 > 其他好文 > 详细

如何根据后端数据的换行标记在前端页面显示换行

时间:2019-06-25 15:06:39      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:效果   nbsp   替换   标签   页面   str   使用   文件   pre   

在实际业务场景中我们可能有这样的需求,将请求到的数据在前端显示换行,数据中有\n或者<br>的标记,但是在页面上显示可能并不是换行的效果。

1.后端数据中包含 \n 那我们请求到数据以后先要进行替换,把 \n替换为 <br>   str.replace(/\\n/gmi, ‘<br>‘)

2.html文件中使用 <pre></pre>标签进行包裹,就可以显示出换行的效果了。

3.在vue项目中可以直接使用v-html指令,不会作为vue模板进行编译。

如何根据后端数据的换行标记在前端页面显示换行

标签:效果   nbsp   替换   标签   页面   str   使用   文件   pre   

原文地址:https://www.cnblogs.com/linxing/p/11082581.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!