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

最终效果

相关推荐
@yanyu6661 小时前
登录注册功能-明文
vue.js·springboot
陈随易1 小时前
AI时代,你还在坚持手搓文章吗
前端·后端·程序员
里欧跑得慢3 小时前
17. Flutter Hero动画实现:让界面过渡更加优雅
前端·css·flutter·web
IT_陈寒4 小时前
Vue的这个响应式陷阱,我debug了一整天才爬出来
前端·人工智能·后端
cn_mengbei4 小时前
用React Native开发OpenHarmony应用:Reanimated共享元素过渡
javascript·react native·react.js
kyriewen4 小时前
前端测试:别为了100%覆盖率而写测试,那是自欺欺人
前端·javascript·单元测试
去伪存真4 小时前
我自己写的第一个skills--project-core-standards
前端·agent
Data_Journal4 小时前
如何使用cURL更改User Agent
大数据·服务器·前端·javascript·数据库
掌心向暖RPA自动化4 小时前
如何获取网页某个元素在屏幕可见部分的中心坐标影刀RPA懒加载坐标定位技巧
java·javascript·自动化·rpa·影刀rpa
竹林8185 小时前
wagmi v2 多链钱包切换:一个 Uniswap 仿盘项目让我踩了三天坑
前端·javascript