對於錄入的一串字符串,在文本中錄入時,進行回車換行。錄入的結果會如下。包含回車符 ↵
啦啦啦啦↵→媽媽們漸漸承擔越來越
在進行文本編輯的時候,我們會進行回車換行,輸入回車符 ↵ ,在前端進行段落展示的時候,使用vue v-html卻展示不出換行的效果,反而展示成了空格。那麼如何展示成換行。
經發現,字符串中的 ↵ 替換的時候,會被替換爲 空格。那麼依據這個思路,我們對字符串進行空格替換,如下
str.replace(/\n/g,"<br/>")
此時會將字符串中的 ↵ 都替換成 br標籤,再進行v-html渲染即可。