element-ui的使用(七)

今天开始对后台管理系统的权限管理模块进行开发
权限管理主要由两部分构成:角色列表和权限列表
权限列表 权限列表在前面开发的基础上,其实可以说是很简单的了,基本结构还是,顶部的面包屑,下方的内容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的使用(七)】明天补充!

    推荐阅读