一、場景

表單內的輸入框一般為固定寬度，當輸入框內容長度超出輸入框寬度時，需要顯示省略號，并設置鼠標移到輸入框上時懸浮展示全部內容。

 <el-tooltipplacement="top-start"effect="light":content="basicData['Organization']":disabled="basicData['Organization'].length <= 11"><!-- 當輸入框內容長度小于11時，頂部提示框不顯示 --><el-inputv-model="basicData['Organization']"disabled="disabled"></el-input></el-tooltip>

設置css樣式

//設置輸入框超出長度隱藏并顯示省略號
.el-input.is-disabled .el-input__inner {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

假如不生效 可以再前面在

::v-deep .el-input .el-input__inner {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}