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

1、创建商品分类分支goods_cate并push到远程 查看分支： 创建分支： 推送到远程：（以前码云中没有该分支，所以要加-u，如果码云中有该分支，则不需要加-u） 2、通过路由加载商品分类组件 新建goods文件夹和Cate.vue文件 ...

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

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

1、通过路由展示角色列表组件 新建roles.vue文件： 添加角色列表路由： 点击左侧菜单的角色列表，效果如图： 2、绘制基本布局并获取角色列表数据 先实现基本布局，还是面包屑和卡片视图： 添加获取方法： 通过调用api接口获取角色列表 ...

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

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

开胃小菜—左侧导航菜单的动态生成 通过为指定的用户指定角色，那么这个用户登陆之后应该只能看到这个角色所对应的权限菜单, 我们是根据当前登陆用户去获取对应的菜单权限 步骤 分析接口文档 ， ...