iview组件库：自定义方法去控制Tree树形数据的根节点与叶节点的关联性

今天会议上针对权限提出了新的意见，权限需要控制到按钮级别，意味着不同的用户可能拥有相同的页面的查看权限，但是有的用户能使用里面的按钮权限，比如：新增项目，编辑产品等按钮功能，但是有的用户不能去使用里面的按钮权限功能。

后台将数据加在页面的children下，如图，这一层级就是按钮权限的控制，我前端这边就是需要根据checked的布尔值去控制。一开始我是直接使用tree树形组件去渲染，然后就感觉做完了，直到测试提出几个问题点。

发现了问题点，大概将问题整理了一下：

1、选中当前按钮权限层级的节点或者取消勾选当前页码下的所有的按钮权限层级的节点，它的父节点的勾选状态应该不发生改变。

2、但是当这个父节点的页面没有权限的时候，按钮的权限应该对应的也全部没有。

3、控制页面查看权限的父节点如果也取消了勾选，那么页面的查看权限以及下面所有的按钮查看权限也应该全部取消

4、如果页面没有查看权限，不能去给用户分配按钮的查看权限

API中明确的说明了返回的是当前已经勾选的数组、当前项。

这种方法比较繁琐，谨慎选择。

这种方法只需要在点击的时候去做判断处理就OK了，不需要进行大量的数据逻辑筛选处理。

package tree;

import javautilLinkedList;

import javautilList;

/

功能：把一个数组的值存入二叉树中，然后进行3种方式的遍历

参考资料0:数据结构(C语言版)严蔚敏

参考资料1：>

网上有很多重置el-tree勾选以达到单选的目的，

主要思路是在点击多选框或者是点击树节点时候 setCheckedNodes 设置当前勾选节点

但是亲身实验效果并不理想，多层级或快速点击时都会选择多个或者页面视图是勾选一个，但是获取勾选元素时还是多个节点被勾选

于是，展示自定义节点内容，并加入radio单选按钮真正的实现单选；

以上就是关于iview组件库：自定义方法去控制Tree树形数据的根节点与叶节点的关联性全部的内容，包括:iview组件库：自定义方法去控制Tree树形数据的根节点与叶节点的关联性、如何用Java实现树形结构啊、vue + element 中的tree树，自定义增加单选按钮radio实现单选等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！