返回数据中的换行符，标签内不显示换行问题

（接口返回数据-已返回换行符）：

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 >