I am trying to make a word search game using vue, and to make the grid I have done the following:

<table>
          <tr v-for="n in rows">
            <td v-for="i in cols" v-model="cols[n][i]">{{randomLetter()}}</td>
          </tr>
</table>

I want to be able to set the value for each td using v-model but my approach is not working to dynamically set the v-model.