Vue js跟踪作用域插槽中的选定复选框

Question

我有一个表格，我试图通过一个槽向每一行添加一个checkbox控件。问题是，当选定的项目被选中时，我无法确定如何在父组件中记录这些选定项目。v-model似乎不起作用。

我修改了一个codepen来展示我想要达到的目标。

https://codesandbox.io/s/qkl5jm54w4

Answer 1

这似乎是一个简单的命名不匹配。

在您的App.vue中，复选框上有v-model="selectedUsers"，但是

data() {
    return {
      selected: []

如果您将其更改为v-model="selected"，则一切似乎都正常。