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

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

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

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

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

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

项目优化策略 6、通过 CDN 优化 ElementUI 的打包 在资源列表中 js/chunk-vendors.4da6d812.js 这个文件后面还是有个惊叹号，说明体积还是大。 而在依赖项中的，element-ui 的 大小是 659.3kB。 虽然在开发阶段，我们启用 ...

效果图： 1、首先来根据Element网站实现布局： 2、加入表单验证规则 loginForm：是数据绑定对象，loginFormRef：是引用名称，loginF ...