javascript - 获取 v-checkbox 的状态 Vue.JS Vuetify

Question

我正在构建一组 v-checkboxes

              <div class="row form-group" v-for="(author, key) in authorData" :key="key">

                <v-checkbox
                    label
                    :key="author.PmPubsAuthorID"
                    v-model="author.checked"
                    v-bind:id="author.PmPubsAuthorID.toString()"
                    color="success"
                    @change="authorCBClicked()"
                  ></v-checkbox>

如何确定复选框的选中状态或未选中状态？我用谷歌搜索但没有找到答案。我不想使用 dom 对象，而是想继续使用 Vue 结构。

我试过了

      @change="authorCBClicked(key)" 

但这并没有帮助。如您所知，我是 Vue 的新用户，所以非常感谢任何帮助。

Answer 1

您应该以这种方式绑定(bind) v-model="authorData[key].checked" 并使用 @input 事件，例如:

<div class="row form-group" v-for="(author, key) in authorData" :key="key">

                <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>