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

Question

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

布尔值是在计算中计算的，但是当值发生变化时，复选框没有响应。这是一个代码笔：

https://codepen.io/flyingl123/pen/PoPKYYX

我希望在页面加载时看到复选框被选中，但它不是：

<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 开发工具中的复选框组件，我会看到 value prop 具有正确的true设置，但未选中该框。

在我的实际应用程序中，当boolValue更改时，我确实看到复选框获得了正确的 prop 值，但该框仍然没有被选中或取消选中。为什么是这样？

Answer 1

显然 vuetify 复选框使用 prop input-value，而不是value：

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