前端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