el-table内容\n换行解决办法
问题
- 请求到的数据带有换行符 '\n'但页面展示时不换行
statusRemark: "\"1、按期完成计划且准确率100%,得100分;\n2、各项目每延误1天,扣1分;每失误1次或者员工投诉1次,扣3分,失误层面达到公司级影响较大的,该项绩效分数为0\"\n"
解决方法
- 使用:word-wrap: pre-line;将内容自动换行
<!-- /deep/ 深度选择器(防止子组件中的scoped自动添加hash值)换成 >>>,也可以达到同样的效果 -->
<style scoped>
>>> .el-table .cell {
white-space: pre-line !important;
}
</style>