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为各自独有的
今天你学习了吗!!!
查看全文
相关阅读:
云计算安全之传统安全业务连续性和灾难恢复
如何降低云应用程序的风险并管理其保障措施
映射函数
numpy用法
dataframe基础
list用法
可视化基础
pycharm使用技巧
时间用法
merge()函数
原文地址:https://www.cnblogs.com/nayek/p/12393131.html
最新文章
wm_size
WM_ACTIVE的消息
UCenter中添加本地应用
查看页面元素CSS样式de小帮手
php+js的日历控件
初探Joomla
PHP截取中文字符串方法总结
关于php读取中文乱码问题
js 验证只能输入数字
php 将excel导入mysql
热门文章
uchome 数据库表结构
php当前完整url的写法
PowerShell获取文件的MD5值
云应用遇事故时如何应急响应以及通知和补救
云服务基础设施采用虚拟机技术要考虑的问题
云消费者助提供商缩小审计者和评估者的差异
云计算保护数据核心机制 强加密及密钥管理
评估基于云的身份以及访问管理是否准备就绪
云计算项目风险管理中的可移植性和互操作性
了解云服务在业务发生波动时的最佳系统性能
Copyright © 2011-2022 走看看