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 />元素時會換行。