title: Dynamic V-model name in a v-for loop Vue 2
body: <p>I am developing an application and I am using <code>Vue 2</code> as the javascript framework, 
  inside a <code>v-for</code> loop I need the counter of the loop to be bound to the <code>v-model</code> name of the elements, this my code: </p>
  
  <pre><code>&lt;div v-for="n in total" class="form-group"&gt;
      &lt;input type="hidden" id="input_id" :name="'input_name_id['  + n  + ']'" v-model="form.parent_id_n" /&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>I need <code>n</code> to be the counter of the loop, for example for the first element it should be: </p>
  
  <pre><code>&lt;div class="form-group"&gt;
      &lt;input type="hidden" id="input_id" :name="'input_name_id[1]" v-model="form.parent_id_1" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the <code>name attribute</code> binding works but I have no idea how to get the <code>v-model</code> working as well?</p>