ElementUItree回显问题

Part.1 问题

写项目时遇到一个棘手的问题&＃xff0c;在做关于权限功能时&＃xff0c;点击修改需要显示角色原本对应的权限。涉及到了 tree 组件回显&＃xff0c;但是有一个很尴尬的问题&＃xff1a;tree 组件只要父节点选中&＃xff0c;那么子节点就会全部被选中&＃xff0c;这是我们不愿意看到的&＃xff0c;可能你会说&＃xff0c;取消父子联动属性不就好了&＃xff0c;可是我们也需要在子节点被选中时&＃xff0c;父节点保持半选中状态。

Part.2 思路

在仔细看完 https://element.eleme.cn/#/zh-CN/component/tree#fang-fa   Element -UI 的官方文档后会发现很关键的两个方法&＃xff1a;

  现在&＃xff0c;我们该怎么进行呢&＃xff1f; 先说一下我自己的思路&＃xff0c;而后会逐一详解&＃xff1a;

  步骤&＃xff1a;

          第一步&＃xff1a; 创建一个标识数组

          第二步&＃xff1a; 将上述两个方法返回的数组与创建的标识数组进行合并&＃xff0c;形成一个数组&＃xff0c;传递给后台

          第三步&＃xff1a; 回显时&＃xff0c;以自己的标识数组的值为分割点&＃xff0c;将后面的值全部删除

  详解&＃xff1a;

         第一步 创建一个标识数组非常简单&＃xff0c;如我创建的数组&＃xff1a;signCode: [9999]

         第二步 三个数组进行合并我的写法如下&＃xff1a;        

         第三步 回显时&＃xff0c;返回的数据&＃xff1a;

      接下来&＃xff0c;获取整个 idList 数组进行条件分割&＃xff0c;我的方法&＃xff1a; 

完成&＃xff01;&＃xff01;&＃xff01;