el-table最多显示三行，超过部分省略，鼠标悬浮弹框全部显示

您可以在el-table中使用el-tooltip组件来实现这个需求。具体步骤如下：

1. 在el-table中设置需要省略显示的列的宽度和最大高度。

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

2. 在el-table-column的模板中使用一个div元素并设置一个class名为"cell-ellipsis"，用于实现文字省略显示。

.cell-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-height: 60px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

3. 在el-table-column的模板中再次嵌套一个el-tooltip组件，并将需要显示的内容作为其content属性的值。

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

4. 最后，在样式中定义.el-tooltip__popper的最大宽度，以便在鼠标悬停时显示全部内容。

.el-tooltip__popper {
  max-width: 500px;
}

这样，在el-table中，当内容超过三行时，它将被省略并在鼠标悬停时弹出完整的内容。