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
})

最终效果

相关推荐
张元清4 分钟前
React 中的语音与摄像头输入:语音识别、媒体设备与权限
前端·javascript·面试
01漫游者8 分钟前
JavaScript继承深度解析
开发语言·javascript·ecmascript
用户841794814569 分钟前
vxe-table 实现撤销与重做:单元格编辑后支持 Ctrl+Z 回退
前端
石小石Orz14 分钟前
OpenAI官方:harness-engineering(工程技术:在智能体优先的世界中利用 Codex)
前端·后端
卤蛋fg636 分钟前
vue甘特图vxe-gantt如何实现拖拽任务条时如有已关联依赖线,同时更新依赖任务的日期的方式
vue.js
Moment44 分钟前
2026年,为什么NestJS + Monorepo越来越流行了 ❓❓❓
前端·后端·面试
前端那点事1 小时前
Vite4.x+打包优化实战指南(无冗余):从体积到速度,一文吃透所有技巧
前端·vue.js
Struggle_zy1 小时前
Vue3 动态路由踩坑记
前端
SurgeJS1 小时前
Vue Rex: 一个更简单的 Vue 3 请求库
前端
费曼学习法1 小时前
Vue 响应式系统源码级剖析:从 Object.defineProperty 到 Proxy
javascript·vue.js