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

最终效果

相关推荐
Mintopia6 分钟前
深入理解 Three.js 中的 WebGLRenderer
前端·javascript·three.js
nima1818189 分钟前
关于不使用ts和jsdoc ,js如何实现类型提示
javascript
Mintopia9 分钟前
深入理解与使用 Node.js 的 http-proxy-middleware
javascript·node.js·express
wangyongquan10 分钟前
js中的闭包
javascript
HsuYang14 分钟前
Nuxt框架学习(一)——从简单的SSR起步
前端·javascript·架构
Qhappy16 分钟前
某里v2滑块,最新3.1.0版本,滑块验证
javascript
2401_8906658618 分钟前
免费送源码:Java+SpringBoot+MySQL SpringBoot网上宠物领养管理系统 计算机毕业设计原创定制
java·vue.js·spring boot·python·mysql·pycharm·html5
爷傲奈我何!22 分钟前
小程序中实现音频播放(原生 + uniapp)
前端·vue.js
Json_26 分钟前
uni-app 框架 调用蓝牙,获取 iBeacon 定位信标的数据,实现室内定位场景
前端·uni-app·蓝牙
日升27 分钟前
手把手带你掌握Zustand:轻量级React状态管理利器
前端·react.js·状态机