1、用户列表页面,点击分配角色按钮,弹出分配角色对话框 给分配角色按钮添加点击事件,并传递当前行的信息: setRole事件: 添加分配角色的对话框: 此时点击分配角色按钮,效果如图: 然后要获取所有角色列表 ...
通过路由展示用户列表页 新建user文件夹,里面新建Users.vue文件: 修改路由文件,添加Users路由: 这时点击左侧菜单的用户列表,就可以看到跳转到了用户列表页: 小bug:刷新后左侧菜单的高亮没有了 Menu Attribute里有个default active属性:表示当前激活菜单的 index,就是说如果想让菜单中的某一项高亮被激活,就把这项对应的index的值,赋值为整个men ...
2019-12-20 17:12 0 1688 推荐指数:
1、用户列表页面,点击分配角色按钮,弹出分配角色对话框 给分配角色按钮添加点击事件,并传递当前行的信息: setRole事件: 添加分配角色的对话框: 此时点击分配角色按钮,效果如图: 然后要获取所有角色列表 ...
1、通过编程式导航跳转到商品添加页面 给添加商品按钮添加点击事件: goAddpage事件函数: 在goods文件夹下新建Add.vue文件: 添加路由: 点击添加商品按钮,效果图: 2、渲染添加商品页面的基本结构 ...
1、创建order分支 创建分支: 推送到远程: 2、通过路由渲染订单列表页面 新建order文件夹,Order.vue文件: 添加路由: 基础布局: 效果如图: 3、根据分页获取订单数据列表 调用api ...
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、弹出提示框询问是否删除数据 MessageBox 弹框组件 确认消息:提示用户确认其已经触发的动作,并询问是否进行此操作时会用到此对话框。 $confirm需要先进行挂载: 在element.js里引入 给删除按钮添加点击事件:根据id ...
添加代码: 点击添加用户按钮,效果如下: 2、实现添加用户的表单 先添加 ...