zoukankan
html css js c++ java
解决v-for中遍历多个el-select时,下拉选择框同步选择问题
当v-for遍历多个el-select时,由于v-model绑定的值为同一个,导致下拉选择时多个下拉选择框同步选择问题
如图是v-model绑定的同一个seatValue数据:
解决办法:
一、为el-select绑定不同的v-mode值,将v-for传递的index值绑定在v-model的参数上( v-model="seatValue[index]" )
二、通过axios获取数据时,创建一个新的seatValue空数组,通过map遍历获取到的fourthContentArr里的每一个对象数据,并每循环一个对象时,就往seatValue空数组里增添一个空字符串
三、在点击发送按钮发送当前行的数据时,通过seatValue[index].map遍历当前seatValue对应的当前行的数据,使得当前点击的下拉选择框的seatValue,为独立选择,解决出现的多个下拉选择框同步选择问题,并达到向当前选择的席位发送当前点击的列表的数据。
四、以上方法实现了v-for遍历的每一个el-select的v-model绑定的seatValue为各自独有的
今天你学习了吗!!!
查看全文
相关阅读:
helix matrix 螺旋矩阵
利用基数排序生成100个1000以内顺序排列的随机数
第三次随笔
gSoap: How to add info to SOAP Header using gSOAP(转)
sizeof empty class object
C++基础回顾字符串地址比较
(转)RVA相对虚拟地址解释
团队建设历史经验回顾
C++全局变量的生老病死
C++基础回顾强制类型转换
原文地址:https://www.cnblogs.com/nayek/p/12393131.html
最新文章
Linux环境下Android开发环境的搭建
spring配置文件
使用maven搭建SpringMVC项目环境
[Cocos2dx] init()和onEnter()方法的区别
Entity Framework 学习索引
.NET Memory Profiler 跟踪.net 应用内存使用情况
mvvm 学习索引
python 学习索引
vs template
asp.net 学习 索引
热门文章
数据库 学习 索引
web api 学习 索引
Metinfo 5.3.19管理员密码重置漏洞复现
一次完整的渗透测试
HTTP隧道代理
软件测试 三班
基于队列的迷宫算法
vc++深入详解 逃跑按钮的完全实现
迷宫的stack算法
基于队列的图元识别
Copyright © 2011-2022 走看看