[Vuejs]-Bind multidimensional array with vuejs

by

3👍

So, I think you’re not pointing your models correctly.

Template:

<tr v-for="(row, idx1) in items">
    <td class="table-success" v-for="(col, idx2) in row">
        <input v-model="items[idx1][idx2]" type="text" />
    </td>
</tr>

Script:

data () {
  return {
    items:[
     ["john","Micheal"],
     ["john","Micheal"],
     ["john","Micheal"],
     ["john","Micheal"]
    ];
  };
}

Here’s a working fiddle of it

Leave a comment