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

相关推荐
茶憶1 小时前
UniApp 安卓端实现文件的生成,写入,获取文件大小以及压缩功能
android·javascript·vue.js·uni-app
信看9 小时前
NMEA-GNSS-RTK 定位html小工具
前端·javascript·html
爱吃大芒果9 小时前
Flutter 主题与深色模式:全局样式统一与动态切换
开发语言·javascript·flutter·ecmascript·gitcode
king王一帅10 小时前
流式渲染 Incremark、ant-design-x markdown、streammarkdown-vue 全流程方案对比
前端·javascript·人工智能
whyfail11 小时前
Vue原理(暴力版)
前端·vue.js
踢球的打工仔11 小时前
jquery的基本使用(3)
前端·javascript·jquery
徐同保12 小时前
js 点击按钮 把文本转成文件并下载下来
开发语言·javascript·ecmascript
VX:Fegn089512 小时前
计算机毕业设计|基于springboot + vue敬老院管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
bug总结12 小时前
前端开发中为什么要使用 URL().origin 提取接口根地址
开发语言·前端·javascript·vue.js·html