vue elementui table組件內容換行

解決方案

tableData = [
{
"name": "domain111",
"metric": [
"平均耗時",
"帶寬"
],
},
{
"name": "domain112",
"metric": [
"平均耗時2",
"帶寬2"
],
}
]

　　

將tableData的數據join拼接\n換行符之后

看看white-space的值：

normal 默認。空白會被瀏覽器忽略。
pre 空白會被瀏覽器保留。其行為方式類似 HTML 中的<pre> 標簽。
nowrap 文本不會換行，文本會在在同一行上繼續，直到遇到 <br>標簽為止。
pre-wrap 保留空白符序列，但是正常地進行換行。
pre-line 合並空白符序列，但是保留換行符。
inherit 規定應該從父元素繼承 white-space 屬性的值。

添加了樣式：

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

metric那一列數組數據就能換行了