element 下拉组件获取对象

javascript 复制代码
      // 选择数据
      user:[
        {name:"小白",id:1,money:"100",love:"蛋糕"},
        {name:"小黑",id:2,money:"200",love:"奶茶"},
        {name:"小红",id:3,money:"300",love:"烧烤"},
      ]
html 复制代码
<div>
    <el-select v-model="order_obj.teacher" :loading="loading" value-key="name" :remote-method="getuser" filterable remote remote-show-suffix reserve-keyword>
       <el-option v-for=" item  in  user" :key="item.id" :label="item.name" :value="item" />
    </el-select>
</div>

在获取对象的时候必需加 value-key="name" 这个是设置显示的值,设置了才不会显示错

里面的name就是获取的那个对象里面的name属性值

相关推荐
像风一样自由20206 小时前
HTML与JavaScript:构建动态交互式Web页面的基石
前端·javascript·html
浪裡遊7 小时前
React Hooks全面解析:从基础到高级的实用指南
开发语言·前端·javascript·react.js·node.js·ecmascript·php
幽络源小助理7 小时前
SpringBoot基于Mysql的商业辅助决策系统设计与实现
java·vue.js·spring boot·后端·mysql·spring
Liudef068 小时前
2048小游戏实现
javascript·css·css3
鱼樱前端9 小时前
今天介绍下最新更新的Vite7
前端·vue.js
独立开阀者_FwtCoder10 小时前
【Augment】 Augment技巧之 Rewrite Prompt(重写提示) 有神奇的魔法
前端·javascript·github
我想说一句10 小时前
事件机制与委托:从冒泡捕获到高效编程的奇妙之旅
前端·javascript
汤姆Tom11 小时前
JavaScript reduce()函数详解
javascript
小飞悟11 小时前
你以为 React 的事件很简单?错了,它暗藏玄机!
前端·javascript·面试
中微子11 小时前
JavaScript 事件机制:捕获、冒泡与事件委托详解
前端·javascript