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

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

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

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

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

posted on 2019-06-25 14:20  林兴  阅读(6537)  评论(0编辑  收藏  举报

导航