css实现保留返回数据的回车符

对于一般的从后端拿的数据中包含换行符的,要么是使用正则来匹配替换,要么是用’pre’这个标签来实现.
但是在用vue+element项目中的表格里面时字段都是用props传进去的,用formatter格式也很复杂,这时就需要一个css的黑科技属性了

white-space: pre (空白会被浏览器保留。其行为方式类似 HTML 中的 pre 标签)

1
2
3
4
5
6
7
8
9
10
11
<el-table-column
class-name='command'
min-width='120'
prop="command"
label="命令&响应">
</el-table-column>


.command
.cell
white-space: pre;

css实现保留返回数据的回车符
https://xypecho.github.io/2018/04/18/css实现保留返回数据的回车符/
作者
很青的青蛙
发布于
2018年4月18日
许可协议