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

几乎没有解决方案。

您可以使用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>

在@change上使用v-checkbox事件

选中复选框A会触发复选框A和B。但是选中复选框B只能触发Vuetify中的复选框B

1 个答案: