select下拉框数据过长时显示省略号,鼠标移入显示全部文字
1. 给特定的select添加一个class名(否则会影响全局)
<el-select v-model="queryParams.sjnrbm" popper-class="sjnrxl" placeholder="请选择" clearable size="small" @change="handleQuery">
<el-option v-for="dict in sjnrOptions" :key="dict.dictValue" :title="dict.dictLabel" :label="dict.dictLabel" :value="dict.dictValue" />
</el-select>
2. 给这个特定的select设置样式
.sjnrxl { .el-select-dropdown__item { span { max-width: 170px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } }