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

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

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

解决办法:

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

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

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

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

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

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

相关文章:

  • 2021-10-17
  • 2021-05-21
  • 2022-12-23
  • 2021-11-09
  • 2022-02-04
  • 2021-05-25
  • 2022-03-04
猜你喜欢
  • 2022-12-23
  • 2021-11-19
  • 2021-11-29
  • 2021-11-21
  • 2021-11-17
  • 2018-06-22
  • 2022-03-01
相关资源
相似解决方案