Vue将元素数据绑定到html属性

时间:2017-12-28 12:48:37

标签: javascript vue.js

我想将选定的行绑定到数组,我试图将数据从v-for绑定到我的输入值。 我尝试了v-bind:value =" row.id",我尝试了value = {{row.id}}但似乎没有任何工作。

<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>

我做错了什么?

1 个答案:

答案 0 :(得分:1)

为了使代码正常工作,您需要确保将selectedRows初始化为数组。将其添加到您的组件:

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