当前位置: 首页 > article >正文

el-select 下拉框选项文字过长解决方案

首先给下拉框设置类名,即popper-class属性,并且给el-option增加title属性

<el-select
                v-model="item.portrayalItem"
                v-loadmore="{ method: lazyItemList, item, index }"
                multiple
                filterable
                remote
                popper-class="dropDown-select"
              >
                <el-option
                  v-for="i in item.selectList"
                  :key="i.LabelID"
                  :label="i.LabelName"
                  :title="i.LabelName"
                  :value="i.LabelID"
                ></el-option>
              </el-select>

然后设置样式,注意要新开一个style标签

<style lang="scss">
.dropDown-select{
  width: 0;
}
</style>


http://www.kler.cn/news/353910.html

相关文章:

  • Chromium html<script>对应c++接口定义
  • 洗衣店数字化转型:Spring Boot订单管理
  • Web前端高级工程师培训:异步处理专题
  • 基于机器学习与深度学习的贷款批准预测
  • Vue 3 和 Vue 2区别
  • 若依框架中spring security的完整认证流程,及其如何使用自定义用户表进行登录认证,学会轻松实现二开,嘎嘎赚块乾
  • 开发中众多框架的个人理解,Unity设计模式,MVC,MVVM框架
  • 【WebGIS实例】怎么将GCJ02坐标系的经纬度转换为WGS84坐标系?
  • 短视频矩阵源码开发/抖音矩阵系统OEM搭建/短视频源码开发知识分享
  • 第十四届单片机嵌入式蓝桥杯
  • 单一执行和循环执行的例行性工作
  • 【C++11】可变模板参数详解
  • Python RabbitMQ 入门 pika
  • Java之集合介绍
  • 在移动设备上扫描登机牌条形码,有哪些挑战 ?
  • 2010年国赛高教杯数学建模C题输油管的布置解题全过程文档及程序
  • 【C语言】自定义类型:联合和枚举
  • 【算法】约瑟夫环问题
  • vue使用js-xlsx导入本地excle表格数据,回显在页面上
  • 本地群晖NAS安装phpMyAdmin管理MySQ数据库实战指南