打开dialog时 element-ui 的复选框 无法正常显示

问题：打开dialog时 element-ui  form里面的复选框 无法显示 

 问题代码：

// 新增点击显示表单 并且清空上次残留数据           
    handleAdd() {
      // 打开对话框
      this.dialogAllFormVisible = true;
      this.ruleForm = {};
    },

        在打开对话框的时候清除了上次残留的表单数据 但是会导致复选框无法显示

 将 this.ruleForm 设置为空对象 {} 后，可能是因为直接将整个 this.ruleForm 对象替换为了一个空对象，导致 Vue 无法正确地更新组件。

方法：         把其他数据遍历一遍 设置为空 最后单独将其设置为空

// 新增点击显示表单 并且清空上次残留数据           ok
    handleAdd() {
      // 打开对话框
      this.dialogAllFormVisible = true;

      // 遍历 this.ruleForm 对象的属性
      for (let key in this.ruleForm) {
        // 如果属性不是 ClaimReason，则将其清空
        if (key !== 'ClaimReason') {
          this.ruleForm[key] = null; // 或者根据需要设置为其他默认值
        }
      }
      // 清空 ClaimReason 属性
      this.ruleForm.ClaimReason = [];

      
    },

OK：