Флажок A, вызывает флажки A и B. Но флажок B должен запускать только флажок B в Vuetify

Question

У меня есть два флажка в 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>

Answer 1

Есть несколько решений, чтобы справиться с этим.

1. Вы можете использовать Часы Vue

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

2. Использование события @change для v-checkbox