首页 > 其他 > 详细

select下拉框数据过长时显示省略号,鼠标移入显示全部文字

时间:2021-07-13 20:31:12      阅读:18      评论:0      收藏:0      [点我收藏+]

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;
    }
  }
}

 

select下拉框数据过长时显示省略号,鼠标移入显示全部文字

原文:https://www.cnblogs.com/hwy6/p/15007641.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!