el-tabel中横向超出部分用...表示，点击后展开后面的内容

el-table 组件提供了 `show-overflow-tooltip` 属性，可以在单元格内容超出宽度时显示省略号并且将内容作为 tooltip 显示。示例代码如下：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名" show-overflow-tooltip></el-table-column>
  <el-table-column prop="age" label="年龄" show-overflow-tooltip></el-table-column>
  <el-table-column prop="address" label="地址" show-overflow-tooltip></el-table-column>
</el-table>

如果需要点击省略号展开内容，可以使用渲染函数自定义单元格的内容，并添加点击事件。示例代码如下：

<el-table :data="tableData">
  <el-table-column prop="name" label="姓名">
    <template slot-scope="{row}">
      <span class="overflow-ellipsis" @click="showOverflow(row.name)">{{row.name}}</span>
    </template>
  </el-table-column>
  <el-table-column prop="age" label="年龄">
    <template slot-scope="{row}">
      <span class="overflow-ellipsis" @click="showOverflow(row.age)">{{row.age}}</span>
    </template>
  </el-table-column>
  <el-table-column prop="address" label="地址">
    <template slot-scope="{row}">
      <span class="overflow-ellipsis" @click="showOverflow(row.address)">{{row.address}}</span>
    </template>
  </el-table-column>
</el-table>

其中 `showOverflow` 方法可以根据具体需求来实现展开内容的逻辑。