- 点击(不限),取消选中其他多选项。
- 点击其他选择项,取消(不限)选中。
-
//html部分 <el-col> <el-checkbox-group v-model="checkboxDept" size="small" @change="CheckedDept"> <el-checkbox-button class="borderCheck" v-for="(item, index) in TypeList" :label="item.name" :key="item.name">{{item.name}} </el-checkbox-button> </el-checkbox-group> </el-col> //js //选择发文部门 CheckedDept(val) { if (val.length === 0) { <-- 没选择默认选中不限 --> this.checkboxDept = ["不限"]; } else if (val[val.length - 1] === '不限') { <-- 选中不限,则取消其他全部选项 --> this.checkboxDept = ["不限"]; } else if (val[val.length - 1] !== '不限') { <-- 选中其他项,则取消选中不限 --> for (let i = 0; i < val.length; i++) { if (val[i] === "不限") { this.checkboxDept.splice(i,1) } } } },
Elementui 多选框选择全部和取消选择
最新推荐文章于 2024-05-30 08:49:26 发布