title: Dynamic v-model with v-for
body: <p>I have a v-for loop that is going to spit out multiple rows of inputs that I would like to save each separate row to an array object dynamically.</p>
  
  <p>v-for:</p>
  
  <pre><code>&lt;table class="table m-0"&gt;
    &lt;tbody&gt;
      &lt;tr v-for="fund in defaultFunds"&gt;
        &lt;td&gt;
          {{fund.name}}
          &lt;b-input v-model="newEntries[fund.id]['id']" 
                   :value="fund.id" 
                   name="entryFund" 
                   type="text" 
                   class="d-none" 
                   :key="fund.id" /&gt;
        &lt;/td&gt;
        &lt;td&gt;
          &lt;b-input v-model="newEntries[fund.id]['amount']" 
                   name="newFundAmount" 
                   id="newFundAmount" 
                   type="text" 
                   placeholder="Amount" 
                   :key="fund.id"/&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>Desired array (using example of entering 2 rows):</p>
  
  <pre><code>newEntries: [
    { id: '1', amount: '50.00' },
    { id: '2', amount: '123.45' }
  ],
  </code></pre>
  
  <p>I load <code>newEntries</code> as an empty array by default. I don't know how to get the kind of array object I want with v-for. With the above code I end up with this:</p>
  
  <pre><code>newEntries: [null, '50.00', '123.45']
  </code></pre>
  
  <p>What am I doing wrong?</p>