el-table文字换行问题

在这里插入图片描述

通过css

 .el-table .cell{
    white-space: pre-line;
  }

通过html

<el-table-column  prop="contractNumber"  label="合同备注" >
    <template slot-scope="scope">
      <pre>{{scope.row.contractNumber}}</pre>
    </template>
</el-table-column>

数据格式

contractNumber: "测试换行\n测试换行\n测试黄行"
版权声明：本文为MAYA_G原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。