elementUI中checkbox选择无效

发布于 2022-09-13 00:50:58 字数 2138 浏览 18 评论 0

在create()中先把this.typeCheckbox.types的所有类型先查出来了
这里checkbox选中的数据与form.types绑定,点击修改的时候,会把response.data直接赋值给form,打印的数据数量上是没问题的,一共六个勾选框,其中两个被勾选,
但是当我勾选的时候调用handleCheckedTypeChange方法时,打印的长度为2,勾选了三个为什么只打印2

 handleCheckedTypeChange(value) {
        let checkedCount = value.length;
        this.typeCheckbox.checkAll = checkedCount === this.typeCheckbox.types.length;
        this.typeCheckbox.isIndeterminate = checkedCount > 0 && checkedCount < this.typeCheckbox.types.length;
        console.log(checkedCount);
        if(checkedCount>0){
          this.querySchool();
          this.school=true;
        }else{
          this.form.schoolIds=[];
          this.form.types=[];
          this.school=false;
          this.typeCheckbox.isIndeterminate=false;
          this.schoolCheckbox.checkAll=false;
        }
      },

然后我全部勾选完打印出来的长度是5,全选的勾选框也没有被激活

再然后一个个取消勾选,再勾选时就选不上了,打印是0,这是为什么?

<el-form-item label="类型" v-show="type" prop="typeRule" :validate-event="false">
              <el-checkbox :indeterminate="typeCheckbox.isIndeterminate" v-model="typeCheckbox.checkAll"
                           @change="handleCheckTypeAllChange">全选
              </el-checkbox>
              <div style="margin: 15px 0;"></div>
              <el-checkbox-group v-model="form.types" @change="handleCheckedTypeChange">
                <el-checkbox v-for="temp in typeCheckbox.types" :label="temp.id" :key="temp.id">{{temp.type}}
                </el-checkbox>
              </el-checkbox-group>
            </el-form-item>
typeCheckbox: {
          checkAll: false,
          types: [],
          isIndeterminate: false
        },
// 表单参数
        form: {},

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文