Vue v-для l oop добавлено поле ввода, типы с одинаковым значением - PullRequest
Новая
       11

Vue v-для l oop добавлено поле ввода, типы с одинаковым значением

0 голосов
/ 30 апреля 2020

My View 

<div v-for="(listings, index) in list2" :key="index">
  <b-form-input id="input-live" v-model="listings.first_name" placeholder="PLAYER NAME 1" disabled></b-form-input>
  <b-form-input id="input-live" v-model="rfidSideA"></b-form-input>
</div>

/** prints out three field for first_name and rfidSideA as I want **/
/** BUT when I type value for first rfidSideA input field, it displays same on other two as well **/

Данные List2 

[
 {
  first_name : {"John", "David", "Dave" }
 }
]

Ошибка: Независимо от того, что я печатаю в первом поле ввода rfidSideA, оно показывает то же значение для двух других полей генерируется также.

Есть ли способ ввести другое значение для поля ввода rfidSideA и передать его для возврата данных с помощью метода?

1 Ответ

0 голосов
/ 30 апреля 2020

когда вы назначаете одну и ту же переменную другой v-модели, все они будут указывать на одну и ту же переменную. при этом для каждого отдельного элемента назначают разные переменные. В то время как в l oop вам нужно найти любое значение относительно l oop. 

<div v-for="(listings, index) in list2" :key="index">
  <b-form-input id="input-live" v-model="listings.first_name" placeholder="PLAYER NAME 1" disabled></b-form-input>
  <b-form-input id="input-live" v-model="listings.rfidSideA"></b-form-input>
</div>
...