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

vue3中,element-plus中el-select隐藏下拉箭头

需求:el-select需要隐藏下拉箭头

            <el-select v-model="apply.dataType" readonly>
              <el-option :key="1" label="样品检相同项目" :value="1" />
              <el-option :key="2" label="样品检不同项目" :value="2" />
            </el-select>

解决方法:

1、给组件添加自定义类名 class="no-arrow-select"

            <el-select class="no-arrow-select" v-model="apply.dataType" readonly>
              <el-option :key="1" label="样品检相同项目" :value="1" />
              <el-option :key="2" label="样品检不同项目" :value="2" />
            </el-select>

2、设置样式

<style scoped lang="scss">
:deep .no-arrow-select .el-select__caret {
  display: none;
}
</style>

运行效果:

http://www.dtcms.com/a/127612.html

相关文章:

  • DAY 42 leetcode 151--哈希表.反转字符串中的单词
  • 危化品安全员岗位注意事项有哪些?
  • Downlink Sensing in 5G-Advanced and 6G: SIB1-assisted SSB Approach
  • 深度剖析SSD多段L2P表查找加速技术
  • 解锁AI未来,开启创新之旅——《GPTs开发详解》与《ChatGPT 4应用详解》两本书的深度解析
  • dbVisitor 规则怎么用?
  • VSCode会击败Cursor和Windsurf吗?
  • 【Python技术生态全景:十大核心应用领域深度解析】
  • [Android] PDF编辑器 Xodo PDF Reader 9.13.3 (不完全汉化,能用)
  • 04-算法打卡-数组-二分查找-leetcode(69)-第四天
  • 技术随笔《二》:人形机器人模仿学习与传统控制方法概述
  • 关于 Spring Boot 部署到 Docker 容器的详细说明,涵盖核心概念、配置步骤及关键命令,并附上表格总结
  • Python-控制语句
  • 热管理设计与 PCBA 长期可靠性的深度关联
  • 让DeepSeek API支持联网搜索
  • Lock 与 Synchronized:Java 并发控制的深度对比与实践
  • 什么是继承?js中有哪儿些继承?
  • 基于RISC-V内核的嵌入式系统在机器人关节控制中的应用研究
  • 1. CEF 下载及wrapper编译
  • 第四篇:Python文件操作与异常处理
  • PromptUp 网站介绍:AI助力,轻松创作
  • daz dForce 模拟后布料的变化不大,如何增强模拟的效果
  • 2025.04.12【生物信息学新工具】| SPADE:高效聚类与降维分析的利器
  • dify报错 Expecting value: line 1 column 1 (char 0)
  • 计算轴承|滚动轴承故障频率
  • 消失的它:揭开 CoreData 托管对象神秘的消失之谜(上)
  • 26考研——数据的表示和运算_运算方法和运算电路_定点数的加减运算 定点数的乘除运算(2)
  • 什么是原型、原型链?
  • Linux网络编程——数据链路层详解,以太网、MAC地址、MTU、ARP、DNS、NAT、代理服务器......
  • 屏幕模块解析