ElementUI tree组件无法获取父id和解决父组件选中，打开后子组件全部选中

最新推荐文章于 2021-12-23 16:19:24 发布

蹦跑的蜗牛

最新推荐文章于 2021-12-23 16:19:24 发布

阅读量617

点赞数 1

分类专栏： vue 文章标签： vue.js html html5 javascript

本文链接：https://blog.csdn.net/qq_43356920/article/details/107225638

版权

vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

直接上代码吧
一般情况，我们按照手册上是这么来的。

 this.roleform.role = this.$refs.role_tree.getCheckedKeys();

但是提交后有个问题，全选的时候，父组件会被提交，未全选的时候，只能提交选中的选项，父id不会被提交，果断将上方的代码换成这，就能解决，直接复制粘贴

  var rad='';
  var ridsa = this.$refs.role_tree.getCheckedKeys().join(',');// 获取当前的选中的数据[数组] -id, 把数组转换成字符串
  var ridsb = this.$refs.role_tree.getCheckedNodes();// 获取当前的选中的数据{对象}
  ridsb.forEach(ids=>{       //获取选中的所有的父级id
             rad+=','+ids.parent_id;
        });
  rad=rad.substr(1); // 删除字符串前面的','
  var rids=rad+','+ridsa;
  var arr=rids.split(',');//  把字符串转换成数组
  arr=[...new Set(arr)]; // 数组去重
  for (var i=0; i<arr.length; i++){
      if ( arr[i] == 0){
           arr.splice(i,1);
         }
    }
 this.roleform.role = arr;