角色模块,编写边做笔记

展开列效果:

点击红圈,会默认展开一行,来显示更多信息,这个以前没写过,再次介绍下!

上面也没啥写的,我们在用户管理模块写过crud!

好了,还要一个分配权限的按钮也加上!

行,我给大家稍微贴下代码:

 <el-table :data="roleList">
                <el-table-column type="expand"></el-table-column>
                    <el-table-column type="index">

                    </el-table-column>
                    <el-table-column lable ="角色名字" prop="roleName">

                    </el-table-column>

                    <el-table-column label="操作">
                        <!-- <template slot-scope="scope"> -->
                        <template>
                            <el-button type="warning" size="mini" icon="el-icon-edit">修改</el-button>
                               <el-button type="danger" size="mini" icon="el-icon-delete">删除</el-button>   
                               <el-button type="info" size="mini" icon="el-icon-setting">分配权限</el-button>   
                            
                        </template>
                    </el-table-column>
            </el-table>

行,上面都很简单,我们下面开始下 el-tree 来展示树状结构:

(在此之前,回顾数据结构:1, 线性= 数组+ 链表 2, 非线性= 树 + 图!)

1, 2, 3 代表3 级权限,最后一级权限,没有children 属性,因为没有四级权限! 

行,我们先开始练习下递归函数吧,

// todo ...


 

猜你喜欢

转载自blog.csdn.net/qq_15009739/article/details/114452919