今天开始对后台管理系统的权限管理模块进行开发
权限管理主要由两部分构成:角色列表和权限列表
权限列表
权限列表在前面开发的基础上,其实可以说是很简单的了,基本结构还是,顶部的面包屑,下方的内容Card面板,里面包含着Table表格
我们只需要在向后台发送请求,得到数据后,呈现出数据即可
//请求权限列表的数据
async getRightsList(){
const {data:res}=await this.$http.get("rights/list")
if(res.meta.status!=200) this.$message.danger("获取权限列表失败")
this.rightslist=res.data;
console.log(this.rightslist)
}
这里再次说一下Table中的重要属性:
data
是整个表格的数据源;stripe
是一个新了解的属性,它的作用是在表格中显示斑马纹;Table-Column的prop
属性是接受数据源对象中具体字段,来作为本列的数据值
一级 二级 三级
角色列表(重点)---权限分配方面 【element-ui的使用(七)】明天补充!