1、用户列表页面，点击分配角色按钮，弹出分配角色对话框 给分配角色按钮添加点击事件，并传递当前行的信息： setRole事件： 添加分配角色的对话框： 此时点击分配角色按钮，效果如图： 然后要获取所有角色列表 ...

1、弹出分配权限的对话框并请求权限数据 先给分配按钮添加点击事件： 添加分配权限对话框： 2、分配并使用el-tree树形控件 先把Tree添加引入到element.js，这里就不写了。 然后找到el-tree的实例代码：show-checkbox 节点是否 ...

1、通过编程式导航跳转到商品添加页面 给添加商品按钮添加点击事件： goAddpage事件函数： 在goods文件夹下新建Add.vue文件： 添加路由： 点击添加商品按钮，效果图： 2、渲染添加商品页面的基本结构 ...

1、创建order分支 创建分支： 推送到远程： 2、通过路由渲染订单列表页面 新建order文件夹，Order.vue文件： 添加路由： 基础布局： 效果如图： 3、根据分页获取订单数据列表 调用api ...

1、创建goods_list分支并推送到远程 创建分支goods_list，并切换到当前: 推送到远程：（以前码云中没有该分支，所以要加-u，如果码云中有该分支，则不需要加-u） 2、通过路由加载商品列表组件 在goods文件夹和Params.vue文件 ...

1、通过路由展示用户列表页 新建user文件夹，里面新建Users.vue文件： 修改路由文件，添加Users路由： 这时点击左侧菜单的用户列表，就可以看到跳转到了用户列表页： 2、小bug：刷新后左侧菜单的高亮没有了 Menu Attribute里 ...

1、打开Element网站，找到主页需要的布局格式 修改Home.vue： 效果图如下： 2、美化Header区域布局样式 3、左侧导航菜单 菜单分为二级，并且可以折叠 找到Element里的导航菜单代码： 然后在element.js里 ...

角色列表的增删改查 1.添加角色 先根据API文档编写接口； 在角色组件内引用，然后给 添加角色 按钮绑定一个点击事件addRolesClick； 找到Element-UI中的Dialog组件，添加到页面中； 参数 ...