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

最新推荐文章于 2023-04-17 18:06:31 发布

zoe驿鹿

最新推荐文章于 2023-04-17 18:06:31 发布

阅读量1.3k

点赞数

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/webFrontEndDev/article/details/104943435

版权

Vue 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<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基于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 多选同时获取label 和 value 的值【记录】

小学僧的学习笔记

03-11

2569

<el-form-item label="使用者IP地址" prop="ip_addresses" :rules="[ { type: 'array', required: true, message: '不能为空', trigger: ['blur', 'change'] } ]" > <el-select v-model="ip_address" multiple placeholder="请选择IP地址" style="width: 10

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

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

咖啡程序员

04-01

847

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

5181

问题描述：同时获取下拉选项的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

1959

<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中elementUi的el-select同时获取value和label的三种方法

PJL13411055804的博客

10-31

3万+

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

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实现下拉框增加checkbox并可全选或取消（完整案例及效果图）.zip

03-09

接着，我们需要在组件的`script`部分定义相关的数据和方法。这里，`options`是一个包含选项对象的数组，`value`是选定的值，`showCheckbox`决定是否显示复选框，以及全选/取消全选的方法： ```javascript export ...

Vue3+ElementUi el-table简单封装

柒柒兮的博客

08-03

2176

前言：一次简单的封装，还不够完善，主要是根据自己的需求封装的。。。直接贴代码！第一步 vTable.vue <template> <el-table v-loading="config.loading" header-row-style="48px" height='580' border :class="{ 'table': '', 'noScrol': config.tableText }" ref="multipleTable"

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

xixi的博客

01-11

1226

<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设置el-option的样式

LingSnow1019的博客

04-28

3665

在用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下拉框绑定