Vue.js 使用Vue和Vuetify以编程方式设置v-checkbox

我正在用这个代码建立一个v复选框列表

<div class="row form-group" v-for="(author, key) in authorData" :key="key">
                <v-layout row wrap>
                  <v-flex xs1 sm1 md1 text-xs-center>                   
                    <div>
                      <v-checkbox
                        label
                        :key="author.PmPubsAuthorID"
                        v-model="authorData[key].checked"
                        v-bind:id="author.PmPubsAuthorID.toString()"
                        color="success"
                        @change="authorCBClicked(authorData[key])"
                      ></v-checkbox>
                    </div>

正如你所看到的，我尝试过各种各样的想法，唯一似乎有效的方法是传递序数，但我无法知道这一点。在构建复选框时是否需要使用索引

原因：我有一个复选框，当选中时会调用一个对话框，询问“您确定要”将此项目添加到列表中“如果他们说是，我希望选中原始复选框，但如果他们说否，则原始复选框需要为false。我发现，如果我试图将调用复选框的选中状态设置为false，它将不起作用，但一旦超出该方法，它就可以正常工作。我已将密钥和作者信息传递给新对话框，如果需要，让它将复选框更改为false

---

谢谢您的帮助。

只需将

键

而不是整个项目传递给您的方法：

@change=“authorCBClicked（key）”

关于你的方法：

authorcb单击（键）{
this.authorData[key]。选中=！this.authorData[key]。选中；
}

或：

您可以直接在模板上执行此操作：

 @change="author.checked = !author.checked"

---

只需将

键

而不是整个项传递给您的方法：

@change=“authorCBClicked（key）”

关于你的方法：

authorcb单击（键）{
this.authorData[key]。选中=！this.authorData[key]。选中；
}

或：

您可以直接在模板上执行此操作：

 @change="author.checked = !author.checked"

---

很抱歉造成混淆，我使用checked=true作为示例，我应该使用checked=false。我编辑了我的问题来解释我的困惑，我用checked=true作为我的例子，我应该用checked=false。我编辑了我的问题来解释