前端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 @ 2022-01-17 13:38  上山下水  阅读(2199)  评论(0编辑  收藏  举报