element el-select 下拉选中获取整个对象(多个传参)
时间:2021-09-01
本文章向大家介绍element el-select 下拉选中获取整个对象(多个传参),主要包括element el-select 下拉选中获取整个对象(多个传参)使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
element中的el-select如何获取选中的整个对象
注意下面代码几项
- value-key=“id”
- :key=“item.id”
- :value=“item”
<el-select v-model="selectionArr" value-key="id" multiple placeholder="请选择" style="width: 100%" @change="selectChange($event)"> <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item"> </el-option> </el-select> selectChange(event) { // event 就是已选中的对象数组 , 这里是多选multiple,所以是数组 // 与 selectionArr 是相同的 }
原文链接:https://blog.csdn.net/aa390481978/article/details/111317356
已解决:
<el-table-column label="库位"> <template slot-scope="scope"> <el-form-item :prop="'selectData.' + scope.$index + '.sto_bin_number'" :rules="infoForm.rules.sto_bin_number"> <el-select v-model="scope.row.sto_bin_number" @change="changeId($event)" value-key="sto_bin_id"
placeholder="请选择"> <el-option v-for="item in storageBinList"
:key="item.sto_bin_id"
:label="item.sto_bin_number"
:value="item">
</el-option> </el-select> </el-form-item> </template> </el-table-column>
changeId(event) {
console.log(event);
let stoBinId = event.sto_bin_id;
let stoBinNumber = event.sto_bin_number;
你是什么样的人,便会遇到什么样的人;你想遇到什么样的人,就得先让自己成为那样的人。
原文地址:https://www.cnblogs.com/angel648/p/15213463.html
- 如何封装属于自己的ajax
- [C#1] 4-通用对象操作
- [C#3] 2-var 类型推断
- [C#3] 3-对象和集合初始化器
- 制作WordPress“带Gravatar头像评论”小工具(集成主题中、含选项)
- 移除WordPress 顶部管理菜单左侧的logo 图标
- [C#3] 1-扩展方法
- 无插件仅代码实现 WordPress 分页导航(2)
- [C#3] 4-匿名类型
- jquery操作DOM 元素(3)
- 腾讯汤道生对话牛津大学互联网研究院Luciano:大数据将如何改变世界
- 分享本站右侧 “类Metro风格侧边栏” 的实现方法
- [C#1] 1-Hello World
- 代码审查工具StyleCop
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 搭建简易的物联网服务端和客户端-redis+websocket(二十五)
- Angularjs下拉联动(2)
- 大数据开发平台(Data Platform)在有赞的最佳实践
- 【LeetCode两题选手】算法类题目(8.7)
- 树莓派2配置LAMP环境
- 实习第八周
- Office OpenXml SDK 使用 Fallback 图片显示 Ole 元素
- 直播平台在线人数功能
- ZanProxy —— 本地代码调试线上页面,环境再也不是问题
- 实习第九周
- GET 和 POST 区别
- 实习第十周
- Linux下文件系统技巧 | 统计个数 | 只见文件或目录
- 有赞线上拨测系统实践(一)
- Node Schedule文档翻译