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为各自独有的
今天你学习了吗!!!
查看全文
相关阅读:
Unity调用Andriod相册,细节分享(对于《Unity头像上传功能实现 一》的细节分享)
Unity头像上传功能实现 一(接在《Unity调用Andriod相册,细节分享》后)
webstorm启动时遇到The JVM could not be started的解决方法
win10安装mysql出现请键入 NET HELPMSG 3534 以获得更多的帮助。
Docker与虚拟机性能比较
IntelliJ IDEA如何将普通java项目变为web项目
is not assignable to javax.servlet.Servlet
javascript深入理解js闭包
Idea当前文件编码转换方法
idear Make Project时提示了很多错误,什么未结束的字符串子面量、非法的表达示开始
原文地址:https://www.cnblogs.com/nayek/p/12393131.html
最新文章
python学习,day2:列表的复制,字符串的处理
python学习,day2:列表的复制
python学习,day2:列表的使用,增删改合并等
python学习,day2:python字符串和二进制之间的互换
pyhton学习,day1作业,用户名密码登录模块
python学习,day1:循环判断基本语句的几个代码
JZ高中OJ 1308.取数游戏
Building Blog(个性化博客)1
JZ高中OJ 1420.佳肴
JZ高中OJ 1381.删除
热门文章
JZ高中OJ 3423.[NOIP2013模拟] Vani和Cl2捉迷藏
JZ高中OJ 3422.[NOIP2013模拟] 水叮当的舞步
【Unity游戏开发】SDK接入与集成——小白入门篇
自学总结 Unity调用 Android 接口实践与总结(Unity5.6 和 Eclipse 及 AndroidStudio2.3.1)
unity android分渠道打包方案
fat-aar 融合多个AAR文件
关于合并Unity项目中不同的AndroidManifest.xml
Android项目结构和AndroidManifest.xml
Android studio提示this support library should not use a different version (25)问题的解决
Unity Android 打开相册和摄像头
Copyright © 2011-2022 走看看