javascript - Vue将元素数据绑定(bind)到html属性

Question

我想将选定的行绑定(bind)到数组，我正在尝试将 v-for 中的数据绑定(bind)到我的输入值。我尝试了 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>

我做错了什么？

Answer 1

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

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