Vue element el-tree 权限回显

 

data定义的数据

Vue element el-tree 权限回显

这个是后台返回的所有权限tree的数据格式

Vue element el-tree 权限回显

因为后台要求修改或添加角色权限 传给他的数据格式 字符串   1,3,4,5,6,8   

Vue element el-tree 权限回显

 

获取某个角色的权限   后台返回的格式 roleIdList= ["1","3","4","5"],原理是用element tree组件渲染后带有的isLeaf(是否为叶子节点)属性,如果为叶子节点就选中。其实明白原理  这个都很简单的。

Vue element el-tree 权限回显

Vue element el-tree 权限回显

原先把权限想复杂了 ,现在写完也就那样了 。

相关文章: