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为各自独有的
今天你学习了吗!!!
查看全文
相关阅读:
Android Handler主线程和一般线程通信的应用分析
在java中string为什么要设计成final的
Java中有几种创建对象的方式
String和StringBuilder、StringBuffer的区别
正确的二分查找实现
SSH编写程序中文乱码解决
lamda表达式
kmp算法核心代码
简洁清晰的quicksort核心代码
[趣题]生成多个质数的幂积序列
原文地址:https://www.cnblogs.com/nayek/p/12393131.html
最新文章
Leetcode-探索 | 解题报告初期模板
★ Leetcode-探索 | 两个数组的交集 II
Leetcode-探索 | 旋转数组
Leetcode-刷题指南
多页面的目录建立
webpack中hash、chunkhash、contenthash区别
Google无法离线安装扩展程序
快速将网站变成桌面软件
VSCode 前端必备插件
浅谈一下如何避免用户多次点击造成的多次请求
热门文章
后台管理系统的的框架
浅谈如何写出一个让(坑)人(王)很(之)难(王)发现的bug
Ajax请求被缓存的几种处理方式
browsersync的安装与基本使用
Android面试套路题越来越深入
面试经典题
MySQL服务无法启动(2003
数据库分表
activity中onDestroy销毁了,开启的线程会销毁吗
handler post(Runable)运行在哪个线程
Copyright © 2011-2022 走看看