element ui select选择框选中后获取选中项的所有信息，选中其中一项所有项都被选中的bug

最新推荐文章于 2023-03-20 17:25:21 发布
最新推荐文章于 2023-03-20 17:25:21 发布
阅读量3.3k 收藏 1
点赞数 3
分类专栏： element ui 其他bug解决方案
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sw_onload/article/details/106765847
版权

value是选中值发生变化时触发的方法传的值，以前傻傻以为只能绑定单个属性，但是有需求要选中后拿到当前item的所有属性值，所以直接value绑定item
在这里插入图片描述
注意：
在这里插入图片描述
就是在标签上添加 value-key=“account_id”

另一种方法就是没有在标签上添加 value-key 也能实现
就是给下拉的数组的每一项都添加value作为唯一的标识，value 可以不作为绑定key但一定要有并且是唯一
在这里插入图片描述
不然就会出现选中一个后所有项都被选中的情况
在这里插入图片描述

猛男找1
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue - Element UI 级联选择器 el-cascader 组件设置点击 label 文字直接选中，无需点击圆形单选框选中（解决开启 “单选模式“ 后无法通过点击整行直接选中的问题）
王佳斌
01-30 3756
vue，element ui，el-cascader，Cascader级联选择器，checkStrictly:true怎么点击文字选中效果，element UI级联选择器设置checkStr选择任意一级选项,只能点单选框选中不能点label文字行，点文字没反应无法选中，级联选择器点击文字选择，隐藏前面的单选框，el-cascader点击文字选择，只能点击圆圈才能选中，隐藏单选框并且点击整行直接选中，怎么点击文字行选中，如何点击每行的文字就能实现选中，怎么点文字就选中，实现点击label标题就选择，并且选中后
element-ui select下拉框默认值的问题
qq_44970883的博客
03-17 1644
问题：element-ui select下拉框默认值的问题 描述： 编辑和查看用的同一个页面，编辑下拉框的时候value绑定的是code码,后台需要传code码，但是编辑回显得时候，后台返回的也是code码，从而v-model也就成了code码 回显就成了数字了 解决方案： 第一、加载的顺序，在各种钩子函数（回调函数中）必须先加载下拉框要选择的数据，然后在通过查询数据后绑定回显。 第二、要保证select下拉的ID和v-model里边的id保持一致。 第三、注意类型的转换（v-model里面的数据和遍历
BuildRun低代码开发教程八节 | 图表和仪表盘展示
Choerodon的博客
12-12 495
课程说明 ▍1.1 课程实现功能 本课程为物联网应用平台设计一个仪表盘首页，包括以下内容： 卡片展示设备总数； 卡片展示网关总数； 卡片展示产品总数； 卡片展示产品分组总数； 图表展示各运营商的产品统计数量； 图表展示各云端协议的统计数量。 ▍1.2 课程知识点 本课程涉及到的主要知识点包括： 非存储数据库对象的应用； JavaAction中对非存储数据库对象赋值； 图表定义开发 （柱状图和饼图，更多图表类型读...
elementUI table 获取已勾选的行的数据
得之我幸
01-20 1万+
文章目录方法一：主要用到el-table的selection-change事件函数方法二：主要用到el-table的select和select-all事件函数 方法一：主要用到el-table的selection-change事件函数 优点：简洁明了 缺点：如果存在分页，进入别的分页，selection清空 html <el-table size="mini" :v-loading="loading.table" :data="listResult" :row-key="getRowkey" @s
el-select 选中其中一项所有项都被选中的bug 使用整个对象作为value值
小猫爪子
08-03 3844
选择整个item对象作为value值，此时必须设置value-key. <el-select :disabled="item.disabled" v-model="dataForm[item.model]" :placeholder="'请选择'+ item.label" v-if="item.type === 'selectItem'" @change="changeHandle($event,item.model)"> <el-option ...
element的select如何获取选中的对象（远程搜索）
qq_36821274的博客
11-03 1375
<el-select v-model="form.partnerShortName" filterable remote placeholder="请输入关键词" :remote-method="remoteMethod" :loading="loading" @change="changeChannl" value-key="id" ..
el select 选中某一项_elementUI select组件 默认选择第一项
weixin_39760650的博客
12-20 6728
场景：后台返回最近医保年 5个年份的数据 [2019,2018,2017,2016,2015],将数据以props形式传入 searchForm组件 并以select形式作为搜索条件展示，默认选中最近一年情况一：已知select options数组 如下设置：export default {data() {return {options: [{value: '选项1',label: '黄金糕'},...
解决element ui select下拉框不回显数据问题的解决
10-17
在开发Vue.js应用时，Element UI是一个常用的组件库，提供了丰富的UI组件，其中包括`el-select`下拉选择框。然而，在实际使用过程中，有时会遇到`el-select`无法正确回显已选择数据的问题。本篇文章将深入探讨这个...
vue+Element中table表格实现可编辑（select下拉框）
10-15
在使用Vue.js框架结合Element UI库时，实现表格中某列数据可编辑且为下拉框选项是一个常见需求。本文详细介绍了如何在Vue+Element的table表格中实现可编辑功能，特别是在单元格内通过select下拉框形式选择数据，并...
针对element下拉select可多选时（ multiple）添加校验一进页面就触发校验bug
qq_42859450的博客
08-31 1239
element-plus select触发校验bug
Vue elementui select选择器 全选功能 带搜索（左匹配）
weixin_45806343的博客
07-26 5794
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
【Element】el-select下拉选择器搜索选项，自定义搜索方法，结合后端接口远程搜索
coderYYY的博客
03-20 2万+
el-select下拉选择器搜索选项，自定义搜索方法，结合后端接口远程搜索
vue+elementUI中使用v-for循环出多个select下拉框，默认绑定，但改变一个下拉框，其余下拉框也会改变的问题
as965874的博客
12-18 1万+
vue+elementUI中使用v-for循环出多个select下拉框，默认绑定，但改变一个下拉框，其余下拉框也会改变的问题 样式如下 <el-table-column label="姓名" prop="username"> <template slot-scope='scope'> <el-select v-model='scope.row.type'&gt...
element中select选择器默认展示第一条，再点击其他内容连带默认显示那条都显示被选中状态
weixin_43945122的博客
07-05 2070
select默认赋值，选择过得内容都显示为被选中状态
vue 基于elementUI的选择组件el-select中@change事件返回对象方法
热门推荐
蜗牛快爬
07-11 6万+
el-select的选择以后返回对象实现方法郁闷的开始 郁闷的开始 人一旦出现死脑筋，就会非常累。今天我就出奇的郁闷，上次遗留的一个问题，周末正好有时间，想好好看看解决掉他，打开代码，各种尝试，调试，就是没好转，自己心里开始发牢骚，就一个选择事件返回对象问题都解决不了，简直。。。。内心无数次自责，辱骂。。。 下面先看一下需求： 说是有个值班表单，里面要进行值班人员下拉，下拉就下拉吧，他还得再下拉选择以后要把这个人的电话号码也查出来，真烦人，本来很简单的问题，有得用脑子。。。 说实话真不难，不就是将电话号码
解决使用element-ui里面的多选框时,选一个其他的都选上了的问题
肥仔的博客
04-26 2982
这个问题一般是因为多选框的v-model绑定的变量是个字符串，应该是数组才行。下面结合例子来说一下： template部分的写法： 可以看到，v-model绑定的是form.service_tool script部分的正确代码如下： 也即是要写成数组变量 而会出现选一个其它的都选上的问题的是下面这种写法： 即form.service_tool是个字符串变量 ...
使用el-select只能选中最后一项，且options全部是选中状态
qq_39122996的博客
11-15 3910
我认为这个问题的核心就是唯一性标识 最初遇到这个问题的时候，在网上找到两种解决方法： 一：value-key 根据element官网提示 根据上图显示，value-key绑定的是下拉数组里面某一对象的键名，这个键名对应的值在各项中都不一样，保证具有唯一性，然后option里的value绑定的是一个对象，这种情况下可以实现正常select显示 二：下拉数组的每一项添加value作为唯一标识 结果显示正常 ...
vue和elementui实现多表格选择和查看已选的功能
鹤渺的星球
11-30 3397
经常碰到需要写多个表格选择，并且可以查看已选项目的功能，实现功能大致如此：左侧是可选择的表，点击表展示每个表里可选字段，然后点击查看已选，可以展示以及选择的表格数据，这个功能，需要几个部分处理，数据格式（从后端请求来的数据）、HTML、js、CSS。
element ui select组件出现自动全选的情况,并且点击无法更改显示
smallNut的博客
04-24 1494
今天在使用element ui 选择器的时候,出现了选择器自动选中的情况，于是尝试测试各种方法去解决都无果，后来发现原因是选择器的value的类型为对象类型所导致的，当遇到这种情况的时候，需要给每个选项绑定一个vue-key属性值作为其唯一标识的键名 解决方案来自https://blog.csdn.net/denghuizi/article/details/80568915 感谢前人的贡献让这条...
element ui 选择器 选中后 如何拿取选中里的所有值
最新发布
06-01
当用户选择了选项后，`selectedOptions` 数组就会被更新，里面存储了所有选中的值。 你可以通过访问 `selectedOptions` 数组来获取所有选中的值，例如： ```js console.log(this.selectedOptions) // 输出所有选中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值