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

最终效果

相关推荐
lifewange1 天前
UI自动化页面元素定位有几种方式
前端·ui·自动化
牛奶1 天前
2026 春涧·前端走向全栈
前端·人工智能·全栈
Piper蛋窝1 天前
AI 有你想不到,也它有做不到 | 2025 年深度使用 Cursor/Trae/CodeX 所得十条经验
前端·后端·代码规范
LYFlied1 天前
WebAssembly为何能实现极致性能:从设计原理到执行优势
前端·wasm·跨端
韩立学长1 天前
【开题答辩实录分享】以《在线作业标准流程指导系统的设计与实现》为例进行选题答辩实录分享
java·javascript
百万蹄蹄向前冲1 天前
2026云服务器从零 搭建与运维 指南
服务器·javascript·后端
释怀不想释怀1 天前
vue布局,动态路由
前端·html
桜吹雪1 天前
Vue 基础:状态管理入门
前端·vue.js
JavaGuide1 天前
利用元旦假期,我开源了一个大模型智能面试平台+知识库!
前端·后端
yuanyxh1 天前
程序设计
前端·设计