Как получить данные из неопределенного количества инпутов?

Question

[robert_ford]

Если есть HTML вида

<div id = "container">
<input id = "form-input" name = "k1" type = "hidden">
<input id = "form-input" name = "k1" type = "hidden">
<input id = "form-input" name = "k1" type = "hidden">
...
<input id = "form-input" name = "k1" type = "hidden">
...
</div>

То каким образом с помощью Vue получить содержимое полей с именем k1, которые находятся в блоке с id container в виде списка (одномерного массива) ?
Количество инпутов неизвестно.

Answer 1

[Aetae]

1. id - уникальный идентификатор, он должен быть в одном экземпляре.
2. В vue неопределённое количество input'ов выглядит примерно так:

<div id="container">
  <input v-for="input in inputs" v-model="input.value" :name="input.name" type="hidden" >
</div>

data: {
  inputs: [
    {
      name: 'k1', 
      value: ""
    }, 
    {
      name: 'k2', 
      value: ""
    }
  ]
}

И значения получаются, соответственно, из массива inputs.

В Vue ты работаешь с данным, а не с dom, dom лишь отражает состояние данных.