el-checkbox
点击全选后再点击单选全部被取消,再点击单选有全部被选中,有可能是你点击全选的时候赋值出错了,下面是解决方法!
el-checkbox多选、全选代码如下:
复制代码<el-checkbox-group v-model="rulesCheck" @change="handleCheckChange">
<el-checkbox
v-for="(item, index) in ruleBox.rulesList"
:label="item"
:key="index"
style="width: 100%">{{ item }}
</el-checkbox>
</el-checkbox-group>
<el-checkbox
:indeterminate="isIndeterminate"
v-model="checkAll"
@change="handleCheckAllChange">全选
</el-checkbox>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
js代码
复制代码handleCheckAllChange(val) {
this.rulesCheck = val == true ? this.rulesList : [];
this.isIndeterminate = false;
//注意val不是选中的值,是boolean类型true/false;
//this.rulesCheck放选中的数组,出现问题的同学有可能把val赋值到这里了;
//this.rulesList是所有数据
},
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
el-table 单项type="selection"出现数据错乱解决
标签: el-checkbox, 代码错乱, 全选, 单选
上面是“el-checkbox点击全选后再点击单选功能错乱解决方法”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://m.ipkd.cn/webs_2366.html
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!