前端Vue:使用v-html渲染帶
的字符串不換行的問題


vue使用v-html渲染帶回車“\n”的字符串,先將\n用replace方法進行全部替換。

let [變量名] = String.replace(/\r\n/g,'<br>');

這樣用v-html渲染的時候,還是沒有完成正常換行,這時候需要在渲染的標簽上使用CSS的:

white-space: pre-wrap;

white-space是對空白符的處理方式,pre-wrap保留空白符序列,正常進行換行就可以了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM