后端返回的數據如下
"我家孩子在SayABC小班課↵跟小伙伴們一起互幫互助,↵合作競爭,學習更加有動力!💪↵從簡單的單詞到句型和場景對話,↵孩子越來越敢於開口說英語啦![耶]↵掃碼立即領取外教課[愛心]↵讓孩子從小與世界接軌~"
‘↵’是回車符'/n',這段內容是通過textarea人為編輯,提交給后端保存的。編輯框中可以識別的字符,在普通的標簽里面沒辦法識別到,所以要轉換成可以識別的<br/>
string.replace(/(\r\n|\n|\r)/gm, "<br />")
然后再用v-html=轉換之后的string,就可以正常展示換行了
第二種方法是用 <pre></pre>標簽,<pre> 標簽的一個常見應用就是用來表示計算機的源代碼。可以識別字符串中的‘/n’,‘/r/n’, 制表符,空格...
第三種方法是用<textarea></textarea>展示,這樣那邊編輯的什么,這邊就會顯示什么
