suffix-icon属性隐藏el-select下拉框右边的下拉图标
<el-form-item label="入库类型" prop="mt_type"> <el-select v-model="form.mt_type" filterable placeholder="请选择" style="width: 145px" :disabled="true" > <el-option v-for="item in mt_typeOptions" :key="item.code" :label="item.name" :value="item.code" > </el-option> </el-select> </el-form-item>
以上是个禁用的下拉框,如何隐藏右边的下拉箭头
要隐藏下拉框右侧的箭头,你可以使用 Element UI 提供的 suffix-icon
属性。你可以将 suffix-icon
设置为空字符串或者一个不显示的图标,来隐藏箭头。
以下是一个示例:
<template> <el-form-item label="入库类型" prop="mt_type"> <el-select v-model="form.mt_type" filterable placeholder="请选择" style="width: 145px" :disabled="true" suffix-icon="" > <el-option v-for="item in mt_typeOptions" :key="item.code" :label="item.name" :value="item.code" > </el-option> </el-select> </el-form-item> </template> <script> export default { data() { return { form: { mt_type: null // 初始值 }, mt_typeOptions: [ /* 选项列表 */ ] // 下拉框选项 }; } }; </script>
在这个示例中,suffix-icon
属性被设置为空字符串 ""
,这样就会隐藏下拉框右侧的箭头。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
2023-04-24 Django4全栈进阶之路16 项目实战(用户管理):user_list.html用户列表画面设计
2023-04-24 Django4全栈进阶之路15 项目实战(用户管理):login.html登录画面设计
2023-04-24 Django4全栈进阶之路14 项目实战(用户管理):base.html基础模板设计
2023-04-24 Django4全栈进阶之路13 template模板