前端Vue:使用v-html渲染带<br>的字符串不换行的问题

vue使用v-html渲染带回车“\n”的字符串,先将\n用replace方法进行全部替换。

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

这样用v-html渲染的时候,还是没有完成正常换行,这时候需要在渲染的标签上使用CSS的:

white-space: pre-wrap;

white-space是对空白符的处理方式,pre-wrap保留空白符序列,正常进行换行就可以了。

posted @   上山下水  阅读(2451)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?

阅读目录(Content)

此页目录为空

点击右上角即可分享
微信分享提示