default-checked-keys 父节点选中子节点全选 解决方式
程序员文章站
2022-06-14 10:46:24
...
解决方式一:check-strictly
check-strictly
默认为 false
,严格的遵循父子不互相关联的做法,设置为true子节点就不会被全部选中
缺点:失去父子关联,没有半选状态,如果需要半选状态请用方式二
<el-tree
:data="data"
show-checkbox
default-expand-all
node-key="id"
check-strictly="true"
ref="tree"
highlight-current
:props="defaultProps">
</el-tree>
解决方式二:过滤父节点
过滤数据中所有父节点,只保留子节点传入default-checked-keys
,在上传时,如果需要半选父节点的值,就用getHalfCheckedKeys
获取
let arr1 = this.$refs.tree.getCheckedKeys();
let arr2 = this.$refs.tree.getHalfCheckedKeys();
let idList = [...new Set(arr1.concat(arr2))]
推荐阅读
-
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
-
Web网页树形列表中实现选中父节点则子节点全选和不选中父则子全不选
-
解决el-tree lazy懒加载时,连续勾选前两个子节点后第二次进入默认选中时,将父节点也勾选的问题
-
default-checked-keys 父节点选中子节点全选 解决方式
-
EasyUI中tree选中父节点自动选中子节点,取消子节点自动取消父节点,子节点勾选完毕自动勾选父节点
-
bootstrap插件treeview实现全选父节点下所有子节点和反选功能
-
解决el-tree lazy懒加载时,连续勾选前两个子节点后第二次进入默认选中时,将父节点也勾选的问题
-
Web网页树形列表中实现选中父节点则子节点全选和不选中父则子全不选