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

需要轉(zhuǎn)為才能被html識別，并且換行?？梢赃@樣做。

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

方法1

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

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

方法2

第二種方法是用 <pre></pre>標簽，<pre> 標簽的一個常見應(yīng)用就是用來表示計算機的源代碼?？梢宰R別字符串中的‘/n’，‘/r/n’, 制表符，空格...

方法3

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

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持VeVb武林網(wǎng)。