el-tooltip文字提示 列表展示内容超出

场景描述

列表某一项内容太多超出时，当前行会被撑高，影响页面展示。通常情况下，会限制最高行距，添加滚动条进行处理：

.wrap {
  width: 100%;
  max-height: 120px;
  overflow-y: auto;
  display: inline-block;
  &::-webkit-scrollbar {
    width: 1px;
  }
}

为了能直观预览全部内容，可以添加el-tooltip文字提示框。

解决方案

1. show-overflow-tooltip

这是官方文档提供的一个快捷属性：是否隐藏额外内容并在单元格悬停时使用 Tooltip 显示它们，这将影响全部列的展示。

2. 手动添加提示框

如果只想针对单一列或者想对提示框的内容和样式做单独处理，可以手动添加判断，控制文字提示框内容展示。

此处只针对文本显示长度及内容格式做处理，样式等其它可根据场景进行自定义修改添加。