返回数据中的换行符，标签内不显示换行问题
（接口返回数据-已返回换行符）：
IE返回数据：
chorme返回数据：
页面显示（不是textarea，是div）（IE + Chrome）：
问题：换行符已返回，但是页面没有换行显示 ；
如果用conclusion.replace(/\r\n/g, '').replace(/\n/g, '') 将html元素br替换换行符，会直接将
显示出来，
如下图：
（代码）
< el-form-item label= "调查结果：" class= "item-column1" > < div > {{ mobileData . conclusion }} div > el-form-item > mounted() { this. mobileData. conclusion= this. mobileData. conclusion. replace( /\r\n/ g, ''). replace( /\n/ g, '') }（页面）
此处会直接将拼接到‘123 345 ...’这个字符串中，而不是拼接为‘123’++'345'... 这种标签形式。
解决：可以直接给div添加css方法：white-space: pre-wrap;，不需要写replace(/\n/g, '
')
（如图：）
< el-form-item label= "调查结果：" class= "item-column1" > < div style= "white-space: pre-wrap;" >{{ mobileData. conclusion}} div > el-form-item >
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！