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

最终效果

相关推荐
竹林81818 分钟前
用 wagmi v2 + viem 监听链上事件,我踩了三天坑终于搞懂了实时日志与历史补全
javascript
Momo__21 分钟前
VueUse createReusableTemplate —— 单文件组件内的模板复用神器
前端·vue.js
只一25 分钟前
😭从回调地狱到 async/await:一文打通 Ajax 与 JS 异步编程
javascript
程序员小富28 分钟前
我开源了一个开发者专属的智能 JSON 工具,得到了媳妇高度认可
前端·vue.js·后端
小小小小宇28 分钟前
程序员如何给 LLM 装工具以及看懂推理过程
前端
写代码的皮筏艇28 分钟前
React中的forwardRef
前端·react.js·面试
槑有老呆36 分钟前
花三个月工资请了个 AI 程序员,结果它连青岛啤酒股价都查不了
前端
风骏时光牛马39 分钟前
Verilog开发常见问题汇总解析
前端
子兮曰41 分钟前
AI Coding Method Map:一张图看懂 AI 编程的完整链路
前端·人工智能·后端