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

Question

我有一张桌子，我试图通过一个插槽向每行添加一个复选框控件。 问题是当选择它们时，我无法确定如何在父组件中记录这些选择的项目。...v模型似乎不起作用。

我修改了一个代码笔以显示我正在尝试实现的目标...

https://codesandbox.io/s/qkl5jm54w4

Answer 1

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

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

data() {
    return {
      selected: []

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