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 小时前
Vue 3.5 :新特性全解析与开发实践指南
vue.js
学渣y2 小时前
React状态管理-对state进行保留和重置
javascript·react.js·ecmascript
_龙衣2 小时前
将 swagger 接口导入 apifox 查看及调试
前端·javascript·css·vue.js·css3
struggle20253 小时前
continue通过我们的开源 IDE 扩展和模型、规则、提示、文档和其他构建块中心,创建、共享和使用自定义 AI 代码助手
javascript·ide·python·typescript·开源
x-cmd4 小时前
[250512] Node.js 24 发布:ClangCL 构建,升级 V8 引擎、集成 npm 11
前端·javascript·windows·npm·node.js
夏之小星星4 小时前
el-tree结合checkbox实现数据回显
前端·javascript·vue.js
琉璃℡初雪5 小时前
vue2/3 中使用 @vue-office/docx 在网页中预览(docx、excel、pdf)文件
vue.js·pdf·excel
为美好的生活献上中指5 小时前
java每日精进 5.11【WebSocket】
java·javascript·css·网络·sql·websocket·网络协议
拖孩7 小时前
【Nova UI】十五、打造组件库之滚动条组件(上):滚动条组件的起步与进阶
前端·javascript·css·vue.js·ui组件库
苹果电脑的鑫鑫7 小时前
element中表格文字剧中可以使用的属性
javascript·vue.js·elementui