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

需要轉(zhuǎn)為才能被html識(shí)別，并且換行。可以這樣做。

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

方法1

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

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

方法2

第二種方法是用 <pre></pre>標(biāo)簽，<pre> 標(biāo)簽的一個(gè)常見應(yīng)用就是用來表示計(jì)算機(jī)的源代碼。可以識(shí)別字符串中的‘/n’，‘/r/n’, 制表符，空格...

方法3

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

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。