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

最近在做一個類似留言板的功能，用戶點擊評論按鈕時出現輸入框（textarea），輸入文本後點擊發佈會直接把輸入框綁定的值（v-model）傳給後端保存，再從後端取出來。

在輸入多個空格/多個空白行的情況下，前端讀/取都是直接以html形式的字符串實現的，也就是說無論多少個連貫的空格/空白行，都只會在展示該文本的元素內顯示爲一個空格。

查了一下解決辦法：在包裹該展示內容的標籤上加上屬性“white-space: pre-wrap”即可。