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

element ui中Select 选择器,自定义显示内容

正常情况下,下拉框选项展示内容,就是选择后展示的label内容
如图所示:
在这里插入图片描述
但是要想自定义选项内容,但是展示内容不是选项label的内容,可以在el-option标签内增加div进行自定义选项label展示,但选择后结果展示仍是el-option标签内label属性绑定的值。

<el-selectv-model="stat"clearableplaceholder=""><el-optionv-for="item in list":key="item.id":value="item.id":label="item.name"><div>{{ item.typeName + '-' + item.name}}</div></el-option></el-select>

展示效果如图:
在这里插入图片描述

相关文章:

  • Word2Vec的缺点
  • 将 ONLYOFFICE 文档编辑器与 С# 群件平台集成
  • Python开源项目RestoreFormer(++)——人脸重建(Face Restoration),模糊清晰、划痕修复及黑白上色的实践
  • Debian 9 Stretch APT问题
  • 接口测试及常用接口测试工具
  • 前端小技巧: 数组reduce方法的五种常见用途
  • 矢量图形编辑软件Boxy SVG mac中文版软件特点
  • Python制作国旗头像
  • 深度学习之pytorch第一课
  • 烟草5G智慧工厂数字孪生可视化平台,赋能烟草工业数字化智慧转型
  • 30基于Feign远程调用
  • golang工程组件——redigo使用(redis协议,基本命令,管道,事务,发布订阅,stream)
  • Spring-AOP不生效之内部方法调用
  • 【Android】画面卡顿优化列表流畅度一
  • uboot - 驱动开发 - dw watchdog
  • [译]如何构建服务器端web组件,为何要构建?
  • 【挥舞JS】JS实现继承,封装一个extends方法
  • canvas绘制圆角头像
  • cookie和session
  • Java知识点总结(JavaIO-打印流)
  • python docx文档转html页面
  • Python_OOP
  • Redux 中间件分析
  • TypeScript实现数据结构(一)栈,队列,链表
  • ucore操作系统实验笔记 - 重新理解中断
  • vue.js框架原理浅析
  • 阿里云容器服务区块链解决方案全新升级 支持Hyperledger Fabric v1.1
  • 案例分享〡三拾众筹持续交付开发流程支撑创新业务
  • 不用申请服务号就可以开发微信支付/支付宝/QQ钱包支付!附:直接可用的代码+demo...
  • 从@property说起(二)当我们写下@property (nonatomic, weak) id obj时,我们究竟写了什么...
  • 等保2.0 | 几维安全发布等保检测、等保加固专版 加速企业等保合规
  • 观察者模式实现非直接耦合
  • 基于 Babel 的 npm 包最小化设置
  • 将回调地狱按在地上摩擦的Promise
  • 前端攻城师
  • 腾讯视频格式如何转换成mp4 将下载的qlv文件转换成mp4的方法
  • ​DB-Engines 11月数据库排名:PostgreSQL坐稳同期涨幅榜冠军宝座
  • ​DB-Engines 12月数据库排名: PostgreSQL有望获得「2020年度数据库」荣誉?
  • ​Distil-Whisper:比Whisper快6倍,体积小50%的语音识别模型
  • # Swust 12th acm 邀请赛# [ A ] A+B problem [题解]
  • (带教程)商业版SEO关键词按天计费系统:关键词排名优化、代理服务、手机自适应及搭建教程
  • (独孤九剑)--文件系统
  • (附源码)spring boot建达集团公司平台 毕业设计 141538
  • (附源码)计算机毕业设计SSM基于健身房管理系统
  • (附源码)计算机毕业设计SSM智慧停车系统
  • (六)激光线扫描-三维重建
  • (三)Pytorch快速搭建卷积神经网络模型实现手写数字识别(代码+详细注解)
  • (一)eclipse Dynamic web project 工程目录以及文件路径问题
  • **登录+JWT+异常处理+拦截器+ThreadLocal-开发思想与代码实现**
  • .NET CF命令行调试器MDbg入门(一)
  • .NET 服务 ServiceController
  • .NET 应用架构指导 V2 学习笔记(一) 软件架构的关键原则
  • .NET程序员迈向卓越的必由之路
  • /etc/fstab和/etc/mtab的区别
  • @data注解_一枚 架构师 也不会用的Lombok注解,相见恨晚