如何根据后端数据的换行标记在前端页面显示换行
在实际业务场景中我们可能有这样的需求,将请求到的数据在前端显示换行,数据中有\n或者<br>的标记,但是在页面上显示可能并不是换行的效果。
1.后端数据中包含 \n 那我们请求到数据以后先要进行替换,把 \n替换为 <br> str.replace(/\\n/gmi, '<br>')
2.html文件中使用 <pre></pre>标签进行包裹,就可以显示出换行的效果了。
3.在vue项目中可以直接使用v-html指令,不会作为vue模板进行编译。