为什么view-design的多选框绑定是是一个对象里面的值，打印值改变但页面却没有变化

view-design的 <Checkbox v-model="visitObj.allergyHistory.hasNoAllergy" @on-change="changeAllergy"  :key="checkboxKey">多选框</Checkbox>  

checkboxKey:0;

changeAllergy(){

this.checkboxKey++;

this.$set(this.visitObj.allergyHistory, 'hasNoAllergy', false);

console.log(this.visitObj.allergyHistory.hasNoAllergy)

}

为什么选中的状态没有改变。打印值已经变成了false了.

重点是加上key避免绑定的层级太深他没有监听变化