后台返回的接口数据 ‘“名称:示例↵ID:717”,在表格种并没有换行,原因是elementUI 在表格样式中写了white-space: normal; (normal空白会被浏览器忽略 \n、↵被忽略了)
.el-table .cell { white-space: normal;}
解决办法:
//方法一 重新定义,覆盖该属性
.el-table .cell{
white-space: pre-wrap; //保留空白符序列,但是正常地进行换行。
}
//方法二 在特定容器下重新定义,覆盖该属性
//在类名为dr-table的div中的.el-table .cell子元素样式调整
.dr-table .el-table .cell{
white-space: pre-wrap; //保留空白符序列,但是正常地进行换行。
}