el-input 输入框默认输入内容过长 溢出隐藏 鼠标悬停加上出现悬浮框显示完整内容

您可以使用 CSS 样式来实现这个效果。具体实现步骤如下：

1. 首先给 el-input 输入框设置一个固定的宽度和高度，并设置 overflow: hidden; 让超出部分隐藏。

2. 当鼠标悬停在输入框上时，使用 CSS 选择器 :hover 来显示一个悬浮框，并将悬浮框的内容设置为输入框中的完整内容。

下面是示例代码：

HTML 代码：

<el-input class="input" v-model="inputValue"></el-input>

CSS 代码：

.input {
  width: 200px; /* 设置宽度 */
  height: 20px; /* 设置高度 */
  overflow: hidden; /* 超出部分隐藏 */
}

.input:hover {
  position: relative;
}

.input:hover::before {
  content: attr(value); /* 显示完整内容 */
  position: absolute;
  top: -30px; /* 位置调整 */
  left: 0;
  padding: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  z-index: 999;
}

注意：代码中的 value 是 el-input 的一个属性，用于获取输入框中的值。如果使用其他框架或者纯 HTML 实现，请根据具体情况修改代码。