Получить данные из массива в текстовые поля при выбранном изменении

Question

Я хочу автоматически заполнять данные в текстовых полях для VUE. У меня есть этот набор массивов.

[
  {"ID":"1","Name":"JOHN DOE","Email":"JohnDoe@GMAIL.COM","Phone Number":"58656","Address":"Somewhere"},
  {"ID":"2","Name":"JANE ZOE","Email":"JohnDoe@GMAIL.COM","Phone Number":"9969","Address":"Anywhere"},
  {"ID":"3","Name":"JENNY JAMES DOE","Email":"JJames@GMAIL.COM","Phone Number":"888888","Address":"Everywhere"}
]

CODE PEN https://codepen.io/hiro-john/pen/jOOwwza?editors=1010`

Если кто-либо выберет «JOHN DOE» из выпадающего имени, его данные должны быть автоматически заполнены в соответствующие поля, такие как «Email,Телефон и адрес »из списка массивов. Пользователь может добавить более 1 человека, и данные о каждом человеке должны заполняться на основе раскрывающегося списка «Имя».

Answer 1

Используйте эту функцию для поиска внутри массива.

function indexWhere(array, conditionFn) {
    const item = array.find(conditionFn)
    return array.indexOf(item)
  }

и привязку значения при выборе события изменения.

const index = indexWhere(items, item => item.Name === name)
this.shareholders[id].Address = items[index].Address;
this.shareholders[id].Email = items[index].Email;
this.shareholders[id].Phone = items[index].Phone;

Обновлено CODE PEN https://codepen.io/hiro-john/pen/jOOwwza?editors=1010