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

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

IE返回数据：

chorme返回数据：

页面显示（不是textarea，是div）（IE + Chrome）：

问题：换行符已返回，但是页面没有换行显示 ；

如果用conclusion.replace(/\r\n/g, '</br>').replace(/\n/g, '</br>') 将html元素br替换换行符，会直接将<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, '</br>'). replace( /\n/ g, '</br>')

}

 （页面）

此处会直接将</br>拼接到‘123 345 ...’这个字符串中，而不是拼接为‘123’+</br>+'345'... 这种</br>标签形式。

解决：可以直接给div添加css方法：white-space: pre-wrap;，不需要写replace(/\n/g, '<br/>')

（如图：）

< el-form-item label= "调查结果：" class= "item-column1" >

< div style= "white-space: pre-wrap;" >{{ mobileData. conclusion}} </ div >

</ el-form-item >