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

相关推荐
大胖丫14 分钟前
vue 学习-vite api.js
开发语言·前端·javascript
孙桂月15 分钟前
ES6相关操作(2)
前端·javascript·es6
遇见很ok15 分钟前
js中 ES6 新特性详解
开发语言·javascript·es6
我这一生如履薄冰~17 分钟前
简单封装一个websocket构造函数
前端·javascript·websocket
fangcaojushi18 分钟前
解决webpack5.54打包图片及图标的问题
前端·vue.js
前端菜鸟日常32 分钟前
vue2和vue3的按需引入的详细对比通俗易懂
javascript·vue.js·ecmascript
AC-PEACE1 小时前
Vue 中 MVVM、MVC 和 MVP 模式的区别
前端·vue.js·mvc
冷琴19961 小时前
基于Python+Vue开发的反诈视频宣传管理系统源代码
开发语言·vue.js·python
程楠楠&M1 小时前
uni-app(位置1)
前端·javascript·uni-app·node.js
破z晓1 小时前
uniapp 整合openlayers 编辑图形文件并上传到服务器
前端·javascript·uni-app