textarea中輸入多個空格或者換行時只顯示一個空格的解決辦法

最近在作一個相似留言板的功能，用戶點擊評論按鈕時出現輸入框（textarea），輸入文本後點擊發佈會直接把輸入框綁定的值（v-model）傳給後端保存，再從後端取出來。
在輸入多個空格/多個空白行的狀況下，前端讀/取都是直接以html形式的字符串實現的，也就是說不管多少個連貫的空格/空白行，都只會在展現該文本的元素內顯示爲一個空格。
查了一下解決辦法：在包裹該展現內容的標籤上加上屬性「white-space: pre-wrap」便可。

此外還有如下三種方法均可以解決這類問題：

1) 使用轉義字符，如" "等，代替手動輸入的空格
2）使用全角空格，全角空格被解析爲漢字處理
3）使用pre標籤包裹文字