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

最终效果

相关推荐
豆角焖肉6 分钟前
Layui+Layer 弹出层实现 CRUD:AJAX 无刷新新增修改删除后台实战
前端·ajax·layui
sunphp开发者8 分钟前
制作手绘地图瓦片切图
前端·uni-app
尤水就下15 分钟前
聊聊 Prompt 是怎么一路进化到 Harness 的
前端·人工智能·ai编程
李溪白16 分钟前
深入 JavaScript 作用域:从变量提升到执行上下文的底层逻辑
前端
想风20 分钟前
Claude Code 实用技巧工作坊 —— Boris Cherny
前端·后端·github
梦想blog21 分钟前
Claude Code + Chrome MCP:让浏览器自动化测试更简单
前端·chrome·自动化·mcp
YHHLAI22 分钟前
React `useState` 深入浅出
前端·javascript·react.js
夜猫子小强25 分钟前
手搓一个「本地邮件摘要」工具:零依赖、数据不出电脑
前端
PBitW27 分钟前
Element plus 自定义列顺序 —— 求指点
前端·element
绿岛之北27 分钟前
Electron 安全第五章:网络请求安全
前端·electron