如何根據后端數據的換行標記在前端頁面顯示換行

在實際業務場景中我們可能有這樣的需求，將請求到的數據在前端顯示換行，數據中有\n或者<br>的標記，但是在頁面上顯示可能並不是換行的效果。

1.后端數據中包含 \n 那我們請求到數據以后先要進行替換，把 \n替換為 <br>   str.replace(/\\n/gmi, '<br>')

2.html文件中使用 <pre></pre>標簽進行包裹，就可以顯示出換行的效果了。

3.在vue項目中可以直接使用v-html指令，不會作為vue模板進行編譯。