<el-cascader
style="width: 99%"
v-model="planForm.assessed"
@change="assessedChange"
:options="departmentList"
ref="cascader"
:filterable="false"
:props="{ multiple: true }"
collapse-tags
clearable
>
</el-cascader>
assessedChange(val) {
let nodesObj = this.$refs["cascader"].getCheckedNodes();
let planUsersList = nodesObj.filter(
(item) => !(item.parent && item.parent.checked)
); //如果子集全选,则只存入父级node
nodesObj = nodesObj.filter(
(item) => (item.parent && item.parent.value != "merge" && !item.parent.isStop)
);
this.planForm.planUsersList = this.planUsersFormat(planUsersList);
this.planForm.depList = this.planUsersFormat(nodesObj);
//是否与上次的类型相同
let changeFlag = false;
let changeItem = null;
if (this.shareScopeEnd.length === 0) {
// debugger
this.planForm.assessed = val;
} else {
//与原数组比对
this.planForm.assessed.forEach((item) => {
//与原数组的类型相同
if (item[0] !== this.shareScopeEnd[0][0]) {
changeFlag = true;
// changeItem = this.planForm.assessed.slice(0,this.shareScopeEnd.length);
changeItem = _lodash.xor(val,this.shareScopeEnd)//补集
}
});
}
if (changeFlag) {
this.planForm.assessed = changeItem
// this.planForm.assessed.push(changeItem)
}
this.shareScopeEnd = this.planForm.assessed;
},
Element 级联限制第一级选中
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- :show-all-levels="false"定义了是否显示完整的路径,将其赋值为false则仅显示最后一级 绑...
- 下面选了最近十年里,十位名人所做的毕业演讲。那么多的故事与经历,其实只想告诉你一件事: 面对迷茫和不确定的未来,我...
- 自从element-ui更新到2.12之后,级联选择器Cascader只能点击圆圈才能选中。点击文字 label ...
- 规则:默认选中的某项内容在数据源的json里面不能被chilren数组包含,也就是说默认选中的某项内容必须是数据源...