[Vuejs]-Send array data from v-for loop into a prop (VUE)

4👍

You should pass dynamic props like this

<grid v-for="boss in bossesArray.slice(0, 20)" v-bind:test="boss.id"></grid>

And short hand is:

<grid v-for="boss in bossesArray.slice(0, 20)" :test="boss.id"></grid>

You are passing prop using test="{{boss.id}}" which is passed as a static prop as you are not binding it and the value you passed to the static prop is considered a string which is {{boss.id}}

Leave a comment