前端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保留空白符序列,正常进行换行就可以了。
vue使用v-html渲染带回车“\n”的字符串,先将\n用replace方法进行全部替换。
let [变量名] = String.replace(/\r\n/g,'<br>');
这样用v-html渲染的时候,还是没有完成正常换行,这时候需要在渲染的标签上使用CSS的:
white-space: pre-wrap;
white-space是对空白符的处理方式,pre-wrap保留空白符序列,正常进行换行就可以了。