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

Posted 2022-02-11 linxing

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

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

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

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