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属性值

相关推荐
logo_2841 分钟前
Xpath语法规则的学习和使用
javascript·python·xpath·xpath语法
摘星小杨2 小时前
如何在前端循环调取接口,实时查询数据
开发语言·前端·javascript
Hilaku2 小时前
从搜索排名到 AI 回答? 先聊一聊 AI 可见度工具 BuildSOM !
前端·javascript·程序员
乌托邦2 小时前
uni-mini-ci:让 uniapp 小程序构建后自动预览和上传
前端·vue.js·uni-app
豹哥学前端2 小时前
前端工程化实战:从包管理到 Vite 配置,一套下来全明白
前端·javascript·vite
干中学_20263 小时前
vue3 画布编辑器「平移」天坑?只需 5 行代码,完美优雅复刻大厂体验!
javascript
大家的林语冰5 小时前
Canvas 文艺复兴,HTML-in-Canvas 炫酷特效摆拍走红,Canvas 中也能渲染交互式的 HTML 元素了
前端·javascript·html
前端那点事6 小时前
彻底解决KeepAlive缓存乱象!Vue3精细化按需缓存+路径重置终极方案
前端·vue.js
前端那点事6 小时前
Vue 的 template 标签不能用 v-show?底层机制+踩坑复盘+生产级解决方案
前端·vue.js