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为各自独有的
今天你学习了吗!!!
查看全文
相关阅读:
虚函数与动态多态
我读苏东坡
Linux高性能服务器编程学习-第三章思维导图笔记
Linux高性能服务器编程学习-第二章思维导图笔记
Linux高性能服务器编程学习-第一章思维导图笔记
【Knockout】五、创建自定义绑定
【Knockout】三、data-bind声明式绑定
【Knockout】四、绑定上下文
【Knockout】一、认识Knockout,你会爱上它
【Knockout】二、监控属性Observables
原文地址:https://www.cnblogs.com/nayek/p/12393131.html
最新文章
树的解构
运动估计
角点检测
米粒识别
第一次入职需要知道的事情。
前端必学技巧sockjs
获取当前日期0点及23点59的时间戳。有些浏览器无法显示
promise 执行了.then 又执行了.catch的原因
localStorage和cookie的区别
H5开发中关于iOS的兼容问题
热门文章
关于前端和后端数据交互问题
Sublime Text 3 快捷键及使用技巧
关于HTML+CSS3的一些笔记
JavaScript正则验证邮箱以及JS语句写在不同位置的区别
JavaScript点击来回切换两个div
JavaScript点击div来回切换两个颜色及两张图片切换的方法
vue项目使用ECharts echarts@5.2.1 百度地图如何引入?
实习经历总结
2020华为软件精英赛参赛经验分享
声网C++开发实习生面经
Copyright © 2011-2022 走看看