How to get data from an indefinite number of inputs?

Question

Vue.js

If there is an HTML of the form

<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>

So how can Vue get the contents of the fields named k1 , which are in the block with id container as a list (one-dimensional array) ?
The number of inputs is unknown.

Answer 1

1. id- a unique identifier, it must be in one copy.
2. In vue, an indefinite number of inputs looks something like this:

<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: ""
    }
  ]
}

And the values ​​are obtained, respectively, from the array inputs.
In Vue, you work with the data, not the dom, the dom only reflects the state of the data.