Vue bind element data to html property

Question

i want to bind selected rows to an array, i'm trying to bind data from a v-for to the value of my input. I tried v-bind:value="row.id", i tried value={{row.id}} but nothing seems to be working.

<tbody>
  <tr v-for="row in get_rows()">
    <td>
      <input type="checkbox" v-bind:value="row.id" v-model="selectedRows">
    </td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</tbody>

What am i doing wrong?

Post more of your code, I can't reproduce the issue: jsfiddle.net/yuriy636/rq8d5uyv — yuriy636
– yuriy636, Commented Dec 28, 2017 at 12:56

dfsq · Accepted Answer · 2017-12-28 12:55:43Z

1

In order for your code to work you need to make sure you initialize selectedRows as an array. Add this to your component:

data() {
  return {
    selectedRows: []
  }
},

answered Dec 28, 2017 at 12:55

dfsq

193k26 gold badges244 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue bind element data to html property

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related