【Vue+elementUI】el-select 同时获取value和label方法

子账户选择组件应用

最新推荐文章于 2023-11-24 12:22:09 发布

原创最新推荐文章于 2023-11-24 12:22:09 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue

Vue 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种使用Element UI框架中的Select组件来实现子账户选择的功能。通过将子账户信息映射为下拉选项，用户可以轻松选择目标子账户，并实时获取所选账户的详细信息。

<el-select v-model="distributionForm.userId" placeholder="请选择子帐户">
   <el-option v-for="item in subAccount" :label="item.realName" :key="item.id" :value="item.id"></el-option>
</el-select>

let curUser = this.subAccount.find(item => {
	return item.id === this.distributionForm.userId
})
this.distributionForm.userName = curUser.realName

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zoe驿鹿

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue+element ui中el-select选择器获得value，label

xixi的博客

01-11

1272

<el-select v-model="formData.province" placeholder="请选择省" @change="provincechange"> <el-option v-for="item in provincelist" :key="item.id" :label="item.name" :value="item.id" /> </el-select> export default { data() { return

vue之elementUi的el-select同时获取value和label的两种方法

最新发布

懒虫的博客

02-01

2485

【代码】vue之elementUi的el-select同时获取value和label的两种方法。

参与评论您还未登录，请先登录后发表或查看评论

vue element el-select 同时获取value和label的值

咖啡程序员

04-01

908

vue element el-select 同时获取value和label的值在工作中有些场景可能会需要同时获取value和label的值 <el-form-item> <el-select v-model="shutId" @change="handleChange" filterable placeholder="请选择关卡" > <el-o

vue---el-select同时获取label和value值

maidu_xbd的博客

05-13

5272

问题描述：同时获取下拉选项的label和value值解决方法：方法一 selectChange(val) { var obj = {}; obj = this.options.find(function(item) { return item.value === val; }); console.log("label为", obj.label, "value为", val); }, 方法二 <e

vue elementUI el-select 同时获取label 和 value 的值

无人之岛08的博客

11-19

2033

<template> <div> <el-select v-model=“fruit” @change=“handleChange”> <el-option v-for=“item in selectList” :key=“item.whsCode” :label=“item.fruitName” :value=“item.fruitEnName”></el-option> </el-select> </div> </

Vue + Element-ui的下拉框el-select获取额外参数详解

10-14

为了在`changeRole`方法中同时获取选中的值（通过`$event`参数）和当前行的其他数据（通过`scope`参数），我们把它们都作为参数传递给`changeRole`方法。这样，就不会覆盖默认的`$event`参数，而是将其与自定义的`...

解决vue elementUI 使用el-select 时 change事件的触发问题

01-18

<el v-for=item key=item.value label=item.label value=item.value></el> </el> 我们需要的是选择之后才触发，但是这样写你会发现，页面初始化的时候会触发多次，选择之后又会触发多次，原因是我们用错了标签，...

vue+elementui–el-select控件实现三级联动

qq_34420739的博客

02-23

9608

vue+elementui–el-select控件实现三级联动实现思路：将三个el-select控件的下拉选项数据放在一个数组对象中。联动关系如下: 三个el-select控件绑定数据对象设计如下： selectData:{ A:"" }

VUE+ELEMENTUI el-table组件分页+C#后端结合

Young_yaru的博客

05-08

512

VUE+ELEMENTUI el-table组件分页+C#后端结合

vue基于elementUI下拉Select同时获取value和label的值

boy火巨的博客

07-30

1万+

碰到脑残架构师系列—— Select通过接口获取列表tableData，选择onSelectedDrug 后获取参数：id直接获取但 name 需要多加个匹配 <el-form-item label="控制系统" :label-width="formAddLabelWidth" prop="controlSystemName "> <el...

vue中elementUi的el-select同时获取value和label的三种方法

PJL13411055804的博客

10-31

3万+

本文介绍了在vue中el-select想要同时获取value和label的三种方法

【第1节】ant design select下拉框获取value，label， key和自定义属性

莫(⊙o⊙)北

11-24

7876

在常规的使用中，我们直接获取下拉框的值就可以满足基本的业务，对于复杂的业务除了获取值外，还要获取label和自定义值，今天小编根据项目中实际情况做了总结，希望对你有有帮助。

el-option

ABidMan的博客

03-22

7007

el-option

vue设置el-option的样式

LingSnow1019的博客

04-28

4205

在用element ui的下拉框时，有时候会单独让更改下拉列表的样式，也就是el-option，其实加上两行代码就行;popper-class给select添加类名，popper-append-to-body可设置是否将弹框插入至body元素内 <el-select :popper-append-to-body="false" popper-class="optionsContent" >

vue+element：el-select和el-option组件和v-for语法，实现下拉列表的数据填充，并且点击下拉列表数据后，另一个表单数据的自动填充

baidu_39557593的博客

04-13

1万+

1.第一个下拉列表，效果展示 2.第二个下拉列表，效果展示 3.先点击第一个下拉列表，然后第二个下拉列表自动填充，效果展示 4.js请求，后端接口，需要传递的数据格式，对象数组——appointmentUnitRecord_options1： [ {"label": "培训教室","value": "教学"}, {"label": "考试大厅", "value": "考试" }, {"label": "共享自习室", "value": "培训" }, {"lab...

Vue——el-option下拉框绑定