Element Plus 的下拉选择器el-option的字体全部蓝色,全部是选中状态

问题

原因

参考官方:

Select 选择器 | Element Plus

解决方案1:

给外层el-select增加一个value-key指定值: value-key="ID"

复制代码
<el-select value-key="ID"
  ref="productName"
  v-model="selectedProduct.GOODS_DESC" filterable remote reserve-keyword
  placeholder="请输入商品名/关键字"
  @change="handleProductChange" remote-show-suffix
  :loading="false" @visible-change='changeCustom'>
  <el-option v-for="item in list" :key="item.GOODS_DESC" :label="item.GOODS_DESC"
             :value="item"></el-option>
</el-select>

解决方案2:

给每个item添加一个value字段,值任意,这个是在开发误写value值,发现它也能解决问题。

复制代码
list = res.data.map((item, index) => {
   item.value = ''
  return item
})

最终效果

相关推荐
Cache技术分享4 分钟前
386. Java IO API - 监控目录变化
前端·后端
Hooray11 分钟前
管理后台框架 AI 时代的版本答案,Fantastic-admin 6.0 它来了!
前端·前端框架·ai编程
2501_9136800019 分钟前
Vue3项目快速接入AI助手的终极方案 - 让你的应用智能升级
前端·vue.js·人工智能·ai·vue·开源软件
开开心心_Every21 分钟前
动图制作工具,拆分转视频动态照离线免费
运维·前端·人工智能·edge·pdf·散列表·启发式算法
饭后一颗花生米29 分钟前
2026 前端实战:AI 驱动下的性能优化与工程化升级
前端·人工智能·性能优化
YJlio37 分钟前
4月14日热点新闻解读:从金融数据到平台治理,一文看懂今天最值得关注的6个信号
java·前端·人工智能·金融·eclipse·电脑·eixv3
xjf771138 分钟前
AI重构前端项目指南
前端·ai·重构·编程
踩着两条虫42 分钟前
VTJ:应用场景展示
前端·vue.js·架构
夜宵饽饽43 分钟前
Agent文件系统检索核心:Grep和Glob工具
javascript·github
恋恋风尘hhh1 小时前
Web 前端安全机制分析:以 Webpack 打包混淆为例
前端·安全·webpack