el-table里的行元素文本超出为省略号

您可以通过设置 el-table-column 组件的属性 scoped-slot 进行自定义，具体操作如下：

1. 在 el-table-column 组件上添加 scoped-slot 属性

<el-table-column label="内容" prop="content">
  <template slot-scope="scope" slot="default">
    <!-- 自定义文本内容 -->
  </template>
</el-table-column>

2. 在 scoped-slot 中使用 el-tooltip 组件包裹需要显示的文本，并设置属性 content 和 placement

<el-table-column label="内容" prop="content">
  <template slot-scope="scope" slot="default">
    <el-tooltip class="item" effect="dark" :content="scope.row.content" placement="top">
      <div class="ellipsis">{{scope.row.content}}</div>
    </el-tooltip>
  </template>
</el-table-column>

3. 在样式中设置文本溢出为省略号

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

这样就可以实现 el-table 中行元素文本超出为省略号的效果了。