vue中element-ui table列名lable换行问题 ---亲测

1.lable操作

：label = "'xxxxx  \n  xxxxx'"   // 注意 lable 的：

 

注：双引号内有单引号，这样才可以解析文本。需要换行的文本处添加 \n 

2.css样式添加

　　

 
/deep/ .el-table .cell{
 
　　white-space:pre-line; // 度娘的答案全都不好用关键在 /deep/
 
}

 

修改表格默认样式。

pre-line: 文本中连续的空格会被合并，在遇到换行符或者<br />元素时会换行。