el-tree选中同一层级按钮权限时查看权限默认选中及回显

197 阅读1分钟

本文章仅供分享,本人菜鸟一个,大佬勿喷

一、el-tree选中同一层级

微信图片_20220303165915.png

check-change API 点击选中触发可以获取到选中节点数据,需要与后端沟通,节点数据中携带查看按钮的key值

微信图片_20220303170235.png

需求是选中按钮权限时查看默认选中,但是其他按钮取消时,查看按钮不改变,所以需要在原数据中添加status状态值 ,如果为true时,选中查看节点数据,false时不改变

二、el-tree回显

微信图片_20220303170708.png 从后端获取到的选中的keys,实现父节点选中时,子节点根据之前提交的选中节点回显

注意

实现选中同一层级按钮是根据status状态值来判断节点是否是选中状态,所以回显时需要根据后端返回的整体数据来赋予status的初始值,我这里是按钮是最后的层级,所以我只需要把按钮的层级加上status

微信图片_20220303171202.png