uni-app checkbox的checked绑定后，动态改变checked的值界面却没有取消或选中

uni-app checkbox的checked绑定后，动态改变checked的值界面却没有取消或选中

开发环境 版本号 项目创建方式
Windows Windows 10 专业版21H1 HBuilderX

操作步骤：

item.checked = false
})```

### 预期结果：
动态选中取消

### 实际结果：
无法动态取消选中

### bug描述：
checkbox的checked绑定后，我动态的改变了checked的值界面却没有取消或选中

更多关于uni-app checkbox的checked绑定后，动态改变checked的值界面却没有取消或选中的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app checkbox的checked绑定后，动态改变checked的值界面却没有取消或选中的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题通常是由于数据绑定机制导致的。在uni-app中，直接修改数组内对象的属性可能不会触发视图更新。

解决方案：

  1. 使用$set方法：
this.epidemicHistory.patOptions.forEach((item, index) => {
    this.$set(this.epidemicHistory.patOptions[index], 'checked', false)
})
  1. 重新赋值整个数组：
this.epidemicHistory.patOptions = this.epidemicHistory.patOptions.map(item => {
    return {...item, checked: false}
})
  1. 使用Vue.set：
import Vue from 'vue'
this.epidemicHistory.patOptions.forEach((item, index) => {
    Vue.set(this.epidemicHistory.patOptions[index], 'checked', false)
})
回到顶部