Element UI 文本超长省略号显示，鼠标移入展示完整内容

在 Element UI 中，可以使用 CSS 的 text-overflow 属性来实现文本超长省略号显示，并通过 tooltip 组件来实现鼠标移入全部展示。

首先，在需要显示超长文本的元素上添加 CSS 样式：

<el-tooltip effect='dark' :content='text' placement='top'>
  <div class='ellipsis'>{{ text }}</div>
</el-tooltip>

然后，在样式中设置文本超长省略号显示：

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

最后，在 Vue 实例中设置文本内容和 tooltip 的显示内容：

data() {
  return {
    text: '这是一个超长文本，当文本内容超过容器宽度时，将显示省略号'
  }
}

这样，当鼠标移入元素时，tooltip 组件会显示完整的文本内容。