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

最终效果

相关推荐
名字很费劲14 小时前
vue项目,刷新后出现404错误,怎么解决
前端·javascript·vue·404
ZzT14 小时前
深扒 Claude Code Buddy 模式:一只仙人掌背后的确定性随机算法
前端
cch891814 小时前
PHP vs Go:Web开发选谁更胜一筹?
前端·golang·php
sg_knight15 小时前
MinIO自带的Web Console管理后台怎么用?日常管理操作全解
前端·文件管理·minio·ftp·cos·oss
Goodwin15 小时前
TypeScript 成 AI 应用层标配?GitHub Trending 告诉你2026前端往哪走
前端·人工智能·github
风筝与风待过的地方15 小时前
Vue2 到 Vue3:性能飞跃与 Diff 算法革命
前端
爱上妖精的尾巴15 小时前
WPS JS宏编程教程学习笔记目录
前端
前端小咸鱼一条15 小时前
15.Symbol类型
前端·javascript·vue.js
二十一_15 小时前
炸了!Claude Code 51万行源码全部泄露,我已经拿到了完整代码
前端·langchain·claude
RePeaT16 小时前
npm 依赖版本号中 `^` 和 `~` 到底有什么区别?
前端·javascript·npm