欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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))]
相关标签: vue elementui