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

最终效果

相关推荐
.道阻且长.5 小时前
C++ 11:可变参数模板
前端·c++·算法
IMPYLH5 小时前
HTML 的 <th> 元素
前端·html
风骏时光牛马5 小时前
AI浪潮下程序员的职场破局与能力成长思考
前端
ljt27249606615 小时前
Vue笔记(九)--defineEmits
javascript·vue.js·笔记
IMPYLH5 小时前
HTML 的 <thead> 元素
前端·html
FungLeo13 小时前
成为全栈·React 管理后台篇·总复盘:从“接口能调通”到“后台值得使用”
前端·react.js·前端框架·项目复盘·成为全栈
Csvn14 小时前
并发模式:让渲染学会排队、插队和让路
前端
可乐鸡翅yeah_15 小时前
新手梳理:M3U8 线上问题,哪些是前端锅,哪些是后端锅
前端·ios·音视频·实时音视频·m3u8·音视频在线播放
Flynt15 小时前
Linear 用 1000 个 PR 换掉 styled-components,我写了 200 个按钮,把这笔账复现了一遍
前端·css·preact
JavaGuide16 小时前
NVIDIA 又开源了!这次给 AI Agent 加上权限管控
前端·后端