Vue.js 如何在vuetify复选框中设置不确定状态？

我在Vuetify中有一个复选框，起初它的状态是不确定的。在我将其更改为true或false后，我有一个按钮将其重置为默认值，并再次显示不确定状态，但它不起作用。发生了什么？ Undeterminate的defalut值为true，值为null

<v-checkbox
  :indeterminate="indeterminate"
  v-model="value"
></v-checkbox>

---

当值更改为

false

至

true

时，组件侦听更改并将自身设置为

不确定状态。因此，要实现这一点，您需要在复选框的v型值更改时将值
不确定
设置为
假
。您可以通过收听
value

<v-checkbox
  :indeterminate="indeterminate"
   v-model="value"
   label="My Checkbox"
></v-checkbox>
<v-btn @click="setToDefault()"> set to default </v-btn>

export default {
  data: {
    value: null,
    indeterminate: false
  },
  watch: {
     value(){
       this.indeterminate = false
     }
  },
  methods: {
    setToDefault(){
      // Also, below line should be removed.
      // this.value = false
      this.indeterminate = true
     }
  }
}


设置为默认值
导出默认值{
数据：{
值：null，
不确定：假
},
观察：{
值（）{
this.undeterminate=false
}
},
方法：{
setToDefault（）{
//此外，应删除下面的行。
//this.value=false
this.undeterminate=true
}
}
}


    setToDefault(){
      this.value = null
      this.indeterminate = true
     }

<v-checkbox
  :indeterminate="indeterminate"
   v-model="value"
   label="My Checkbox"
></v-checkbox>
<v-btn @click="setToDefault()"> set to default </v-btn>

export default {
  data: {
    value: null,
    indeterminate: false
  },
  watch: {
     value(){
       this.indeterminate = false
     }
  },
  methods: {
    setToDefault(){
      // Also, below line should be removed.
      // this.value = false
      this.indeterminate = true
     }
  }
}