10.角色列表组件

1.复制粘贴修改权限列表中所需要的table

2.使用elementplus组件

当鼠标移入角色管理员中之后,要显示出当前管理员它所具备的所有的权限需要标红

2.1、Popbver弹出框

2.2、 改变弹出框内容

2.3、Tree树形控件 

什么是那个形式的数据?就是能展开当前的这一项,因为它有个children字段,里面的话对应的进行展示的。如果再有children就是自动的会按照树形结构进行展开。

 

 ​​​​​​我们可以看到它结构显示出来了,但是内容没有显示出来。因为它那个数据要求的是label字段,但我们没有我们是title字段。两个字段不一样,所以读取不到数据。

 解决方法:使用prpos属性,它的含有是将来我们读肯定还是label字段,但是我们没有的话,可以告诉它我们没有label字段,我们有的是什么字段,所以可以把defaultProps指定要读取的是其他的字段。

 默认节点全部展开

 2.4、自定义renderContent节点回调函数

 我们鼠标移入的时候,我们应该拿到当前这一行是管理员身份就拿到当前这一行的rights数组进行判断。当我鼠标移到教师上就拿到当亲教师这个身份那个rights数组进行判断,到底该不该设置上红色的背景。

2.5、保存rights值

接下来我们要做的就是对于这个rights进行赋值,要进行一个保存,因为毕竟这个一个形参。你将来的判断应该是再这个函数回调中去做,所以我们要新建currentRights当前这一项的这一个数组,我们用的是一个ref的绑定,这里记录这我们的内容,把它进行赋值上我们的rights。

 2.6、判断是否添加active

 因为我们后面加了scoped,所以我们要加一个deep。与当初login的结果是一样的。

猜你喜欢

转载自blog.csdn.net/m0_65436732/article/details/133438154
10.