当前位置: 首页 > 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>

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

http://www.lryc.cn/news/229318.html

相关文章:

  • 机器视觉行业,日子不过了吗?都进入打折潮,双11只是一个借口,打广告出新招,日子不好过是真的
  • 【手动创建UIWindow Objective-C语言】
  • 【学习辅助】Axure手机时间管理APP原型,告别手机控番茄任务模板
  • [PyTorch][chapter 62][强化学习-基本概念]
  • 使用 Stable Diffusion Img2Img 生成、放大、模糊和增强
  • 【Git】第一篇:Git安装(centos)
  • 在uniapp中通过自定义事件使页面之间传递数据
  • 【Windows Docker:安装nginx】
  • ElasticSearch7.x - HTTP 操作 - 查询文档操作
  • 基于opencv+tensorflow+神经网络的智能银行卡卡号识别系统——深度学习算法应用(含python、模型源码)+数据集(一)
  • 如何使用`open-uri`模块
  • activiti7审批驳回,控制变量无法覆盖,导致无限循环驳回,流程无法结束
  • 世界互联网大会|云轴科技ZStack受邀分享云原生超融合
  • k8s ingress基础
  • 【网络奇缘】我和英特网再续前缘
  • node插件MongoDB(四)—— 库mongoose 的条件控制(三)
  • 【Amazon】云上探索实验室—了解 AI 编程助手 Amazon Codewhisperer
  • 【安卓13】谷歌原生桌面launcher3 禁止桌面图标拖拽和所有应用拖拽
  • SA实战 ·《SpringCloud Alibaba实战》第13章-服务网关:项目整合SpringCloud Gateway网关
  • 海外ASO优化之谷歌商店的评论优化
  • IP-guard Webserver view 远程命令执行漏洞【2023最新漏洞】
  • 专访|OpenTiny 社区 Mr 栋:结合兴趣,明确定位,在开源中给自己一些技术性挑战
  • 2023年11月PHP测试覆盖率解决方案
  • matlab模糊控制文件m代码实现和基础理论
  • Java设计模式-创建型模式-单例模式
  • 社区分享|杭银消费金融基于MeterSphere开展接口自动化测试
  • 阿里云2核2G云服务器99元一年!3M带宽的ECS云服务器哦
  • 【工程部署】在RK3588上部署OCR(文字检测识别)(DBNet+CRNN)
  • Dockerfile运行容器不立即退出
  • 基因检测技术的发展与创新:安全文件数据传输的重要作用