javascript - Vue js 跟踪范围槽中选定的复选框

Question

我有一个表，我试图通过插槽向每一行添加一个复选框控件。问题是我不知道如何在选择项目时在父组件中记录它们......v-model 似乎不起作用。

我修改了一个代码笔来展示我想要实现的目标......

https://codesandbox.io/s/qkl5jm54w4

Answer 1

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

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

data() {
    return {
      selected: []

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