vue的el-table-column如何占多行

在Vue中，`el-table-column` 是 Element UI 组件库中的一个表格列组件，用于定义表格中的列。如果你想要使得表格中的某列内容跨越多行显示，可以通过设置列的 `show-overflow` 属性为 `'tooltip'` 来实现，这样当内容超出列宽时，会以提示框的形式显示全部内容。

如果你想要让某个单元格内容实际占据多行，而不是以提示框的形式显示，可以在表格的数据中将该单元格的内容设置为多行文本或者使用 HTML 标签来实现换行。

例如，你可以在对应的数据项中使用 `\n` 来实现换行：

data() {
  return {
    tableData: [{
      date: '2016-05-02',
      name: '王小虎',
      address: '上海市普陀区金沙江路 1518 弄'
    }, {
      date: '2016-05-04',
      name: '王小虎',
      address: '上海市普陀区金沙江路 1517 弄\n上海市普陀区金沙江路 1519 弄'
    }]
  }
}

在模板中，你可以直接使用 `el-table-column` 组件，并不需要特殊设置：

<template>
  <el-table :data="tableData">
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>

在这个例子中，第二个 `address` 单元格将会显示多行文本。