el-table-column内容换行

### 回答1：
可以在 el-table-column 中使用 slot-scope 来自定义列的内容，然后在模板中使用 HTML 标签来实现换行。例如：

<el-table-column label="内容换行">
  <template slot-scope="scope">
    <div style="white-space: pre-wrap">{{ scope.row.content }}</div>
  </template>
</el-table-column>

在这个例子中，我们使用了 div 标签，并设置了 white-space 属性为 pre-wrap，这样就可以实现自动换行。同时，我们也可以在内容中使用 \n 来手动换行。

### 回答2：
在使用element-ui的el-table组件中，如果表格中某一列的内容较长，会出现超出列宽度而导致的内容溢出问题。此时，可以考虑对该列的内容进行换行，让内容适应表格列宽度。

要实现el-table-column内容换行，可以使用两种方法：CSS样式和渲染函数。

方法一：CSS样式

在el-table-column中添加一个自定义的CSS类名“cell-wrap”，并在CSS样式表中对其进行定义为：

.cell-wrap {
  white-space: normal !important;
  word-wrap: break-word !important;
}

该CSS样式会将内容的换行转化为白空格，单词过长时自动折行，实现内容自适应表格列宽度。

方法二：渲染函数

在el-table-column中使用渲染函数，自定义单元格的内容展示。在渲染函数中，将文本用`<div>`标签包裹，添加CSS样式进行换行，如下示例代码：

<el-table-column prop="content" label="内容">
  <template slot-scope="scope">
    <div class="cell-wrap">
      {{ scope.row.content }}
    </div>
  </template>
</el-table-column>

和方法一类似，在这里添加自定义的CSS类名“cell-wrap”，并在CSS中对其进行定义。如下示例代码：

.cell-wrap {
  white-space: normal !important;
  word-wrap: break-word !important;
}

以上两种方法都可以实现el-table-column内容换行，具体使用取决于个人习惯或项目要求。需要注意的是，如果表格的列数较多且多个列都需要换行，建议全局注册一个CSS样式或注册一个全局渲染函数，在需要时直接调用即可，更加方便快捷。

### 回答3：
el-table-column 是 Element-UI 中的一种表格列组件，它具有可定制化以及功能强大的特点，其中也包括内容换行。

如果表格单元格中的内容过长，而且不想把这些内容缩小到表格单元格的大小，就需要换行显示这些内容。具体实现如下：

1. 使用 Element-UI 提供的属性“show-overflow-tooltip”

el-table-column 中的“show-overflow-tooltip”属性，可以用来设置表格单元格内容溢出时是否显示tooltip提示。默认情况下，它的值为 false，即不显示 tooltip 提示。如果把它设置为 true，当表格单元格中的内容过长时，可以通过鼠标悬停在表格单元格上来查看完整内容。

2. 使用 CSS 样式来实现内容换行

可以使用CSS来实现表格单元格内容换行，可以通过为表格单元格增加样式来实现：

.el-table td {
  /* 设置单元格内文字省略号 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-table .is-ellipsis td {
  /* 取消单元格内文字省略号 */
  white-space: normal;
}

.el-table .is-ellipsis td div {
  /* 实现文字换行 */
  word-wrap: break-word;
  word-break: break-all;
}

示例代码如下：

<el-table :data="tableData">
  <el-table-column label="姓名" prop="name">
    <template slot-scope="scope">
      <div class="cell-wrapper">
        <div class="cell-text is-ellipsis">{{ scope.row.name }}</div>
      </div>
    </template>
  </el-table-column>
  <el-table-column label="地址" prop="address">
    <template slot-scope="scope">
      <div class="cell-wrapper">
        <div class="cell-text is-ellipsis">{{ scope.row.address }}</div>
      </div>
    </template>
  </el-table-column>
</el-table>

<style>
.el-table td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.el-table .is-ellipsis td {
  white-space: normal;
}

.el-table .is-ellipsis td div {
  word-wrap: break-word;
  word-break: break-all;
}
</style>

其中，样式类“.is-ellipsis”用来表示需要进行文字省略号处理的单元格，样式类“.cell-text”和“.cell-wrapper”则用来实现单元格内文字的换行。这样，当单元格中的内容过长时，就可以通过文字换行来显示完整内容。

总之，El-table-column中的实现内容换行的方法有多种，以上提到了两种，具体选择哪种方法，根据需要和实际情况来灵活应用。