为什么这个vuetify复选框不会根据布尔值显示为选中或未选中？

Question

我不确定这是否是vuetify的一个bug，或者可能我不了解关于Vue的一些基本知识。我试图使用它的:value道具来设置vuetify复选框的值。我没有使用v-model，因为我不需要双向绑定。我只希望它的检查状态是基于一个布尔在我的组件。

<div id="app">
  <v-app id="inspire">
    <div>
      <v-row justify="space-around">
        <v-checkbox :value="boolValue" class="mx-2" label="Checkbox"></v-checkbox>
      </v-row>
    </div>
  </v-app>
</div>

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  data: () => ({}),
  computed: {
    boolValue() {
      return true;
    }
  }
})

如果我在Vue dev tools中检查checkbox组件，我会看到值prop具有正确的true设置，但是没有选中该框。

在我的实际应用程序中，当boolvalue更改时，我确实看到复选框得到正确的prop值，但该框仍然没有变为选中或未选中。这是为什么？

Answer 1

显然，vuetify复选框使用propinput-value，而不是value:

https://github.com/vuetifyjs/vuetify/issues/11119#issuecomment-614420583