el-table怎么给过长字段加省略号

可以使用 el-tooltip 组件来实现，将 el-table-column 的 label 和 prop 属性设置为需要显示的字段，然后在 el-table-column 中嵌套一个 el-tooltip 组件，将内容绑定到该字段，设置 tooltip-effect 为 "dark"，即可实现鼠标悬停时显示省略号的效果。

示例代码如下：

<el-table :data="tableData">
  <el-table-column label="姓名" prop="name">
    <template slot-scope="scope">
      <el-tooltip class="item" effect="dark" :content="scope.row.name">
        <span class="ellipsis">{{scope.row.name}}</span>
      </el-tooltip>
    </template>
  </el-table-column>
  <el-table-column label="地址" prop="address">
    <template slot-scope="scope">
      <el-tooltip class="item" effect="dark" :content="scope.row.address">
        <span class="ellipsis">{{scope.row.address}}</span>
      </el-tooltip>
    </template>
  </el-table-column>
</el-table>

其中，"ellipsis" 类可以设置为：

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

这样，当字段内容过长时，就会显示为省略号，鼠标悬停时会显示完整内容。