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

相关推荐
A黄俊辉A4 小时前
uniapp webview中实现 app和内嵌的H5双向通信
vue.js·json
三十而立洋4 小时前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁5 小时前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
李少兄6 小时前
JavaScript 隐式全局变量解析
javascript
honkun66 小时前
vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询
vue.js·vxe-table
kybs19916 小时前
全球灾害数据分析可视化 毕业设计-附源码66794
vue.js·spring boot·mysql·安全·django·c#·asp.net
雪芽蓝域zzs7 小时前
第26章:ECharts 自定义主题 + 页面一键切换主题(深色 / 浅色两套)
vue.js·echars
雪芽蓝域zzs7 小时前
第22章:ECharts 图表联动(多图表交互联动)
vue.js·echars
daols887 小时前
vue 表格组件 vxe-table 实现虚拟滚动与无需滚动加载
vue.js·vxe-table
雪芽蓝域zzs7 小时前
第18章:ECharts 折线图 + 标记点、标记线,自定义 tooltip
vue.js·echars