选中复选框 A，触发复选框 A 和 B。但选中复选框 B 应该只触发 Vuetify 中的复选框 B答案

【问题标题】：Checking checkbox A, triggers checkbox A & B. But checking checkbox B should only trigger checkbox B in Vuetify选中复选框 A，触发复选框 A 和 B。但选中复选框 B 应该只触发 Vuetify 中的复选框 B
【发布时间】：2018-11-07 01:42:10
【问题描述】：

我在 Vuetify 中有两个复选框。我试图以这样一种方式编写它们，如果我选中复选框 A，它会自动检查复选框 A 和 B。但是单击复选框 B 只会触发复选框 B。最好的方法是什么？这是我的代码：

<v-checkbox label="A" value="A" v-model="A"> </v-checkbox>

<v-checkbox label="B" value="B" v-model="B"></v-checkbox>

【问题讨论】：

标签： javascript html vue.js checkbox vuetify.js

【解决方案1】：

处理它的解决方案很少。

您可以使用Vue watch

<template>
  <div>
    <v-checkbox label="A" v-model="A"> </v-checkbox>
    <v-checkbox label="B" v-model="B"></v-checkbox>
  </div>
</template>
<script>
  export default {
    ...
    watch: {
      A: function (newVal) {
        if (newVal) {
          this.B = true
        }
      }
    }
    ...
  }
</script>

在v-checkbox 上使用@change 事件

【讨论】：