例如："我家孩子在SayABC小班課↵跟小伙伴們一起互幫互助，↵合作競爭，學習更加有動力！↵從簡單的單詞到句型和場景對話，↵孩子越來越敢于開口說英語啦！[耶]↵掃碼立即領取外教課[愛心]↵讓孩子從小與世界接軌~"

需要轉為才能被html識別，并且換行。可以這樣做。

‘↵’是回車符'/n',這段內容是通過textarea人為編輯，提交給后端保存的。編輯框中可以識別的字符，在普通的標簽里面沒辦法識別到，所以要轉換成可以識別的<br/>

方法1

string.replace(/(rn|n|r)/gm, "")

然后再用v-html=轉換之后的string，就可以正常展示換行了

方法2

第二種方法是用 <pre></pre>標簽，<pre> 標簽的一個常見應用就是用來表示計算機的源代碼。可以識別字符串中的‘/n’，‘/r/n’, 制表符，空格...

方法3

第三種方法是用<textarea></textarea>展示，這樣那邊編輯的什么，這邊就會顯示什么

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VeVb武林網。