html遍历列表选框筛选,解决v-for中遍历多个el-select时,下拉选择框同步选择问题...

当v-for遍历多个el-select时,由于v-model绑定的值为同一个,导致下拉选择时多个下拉选择框同步选择问题

如图是v-model绑定的同一个seatValue数据:

023163b864025b86a138f8c66565eedb.png

解决办法:

一、为el-select绑定不同的v-mode值,将v-for传递的index值绑定在v-model的参数上( v-model="seatValue[index]" )

752ae9333c0051e30b2e6ac30a0b3927.png

二、通过axios获取数据时,创建一个新的seatValue空数组,通过map遍历获取到的fourthContentArr里的每一个对象数据,并每循环一个对象时,就往seatValue空数组里增添一个空字符串

e8598a0c87eb1637c1ca7bb4d3818774.png

三、在点击发送按钮发送当前行的数据时,通过seatValue[index].map遍历当前seatValue对应的当前行的数据,使得当前点击的下拉选择框的seatValue,为独立选择,解决出现的多个下拉选择框同步选择问题,并达到向当前选择的席位发送当前点击的列表的数据。

21da3ef4118a994ebb299aba5607276b.png

四、以上方法实现了v-for遍历的每一个el-select的v-model绑定的seatValue为各自独有的

原文:https://www.cnblogs.com/nayek/p/12393131.html

  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值