check-strictly
- check-strictly 为false为父子级互相关联
- check-strictly 为true为父子级不互相关联
父子级互相关联
<el-tree
:data="deptOptions"
:check-strictly="false" // 默认为false 可以不写
:props="defaultProps"
show-checkbox
:filter-node-method="filterNode"
ref="tree"
node-key="id"
:default-checked-keys="checkedList"
default-expand-all
highlight-current
>
获取所有选中的数据
// 获取所有选中的数据
const list = this.$refs.tree.getCheckedKeys(true);
父子级不互相关联
<el-tree
:data="deptOptions"
:check-strictly="true" // 默认为false 设置为不互相关系系改为true
:props="defaultProps"
show-checkbox
:filter-node-method="filterNode"
ref="tree"
node-key="id"
:default-checked-keys="checkedList"
default-expand-all
highlight-current
>
获取所有选中的数据
// 获取所有选中的数据
// 目前被选中的部门节点
let checkedKeys = this.$refs.tree.getCheckedKeys();
// 半选中的部门节点
let halfCheckedKeys = this.$refs.tree.getHalfCheckedKeys();
checkedKeys.unshift.apply(checkedKeys, halfCheckedKeys);```