Javascript Vue.js-如何将复选框绑定到v-for中的数组
我试图看看是否可以通过数据库将一组数据从一个组件传递到另一个组件,从而基本上批量更新所选行,我知道道具是只读的。我面临的问题是,当我想使用复选框从父组件选择数据时,它似乎无法识别所选行的ID/值,在本例中,当控制台记录阵列时,它们都返回为Javascript Vue.js-如何将复选框绑定到v-for中的数组,javascript,vue.js,Javascript,Vue.js,我试图看看是否可以通过数据库将一组数据从一个组件传递到另一个组件,从而基本上批量更新所选行,我知道道具是只读的。我面临的问题是,当我想使用复选框从父组件选择数据时,它似乎无法识别所选行的ID/值,在本例中,当控制台记录阵列时,它们都返回为[“row.ID”],因此,表上的所有复选框都被选中。代码示例如下: <tr v-for="row in data" :key="row.id" class="data"> <td&
[“row.ID”]
,因此,表上的所有复选框都被选中。代码示例如下:
<tr v-for="row in data" :key="row.id" class="data">
<td>
<input type="checkbox" id="row.id" v-model="selectedRows" value="row.id">
</td>
...
</tr>
...
我尝试使用
行[key]
代替行.id
但似乎没有改变任何东西,是否有Vue函数允许此过程工作?您没有将行.id
绑定到输入。这就是为什么它将值设置为row.id
这样做:
如果你想检查另一种做同样事情的方法,你可以检查这个