Vue + ElementUI的电商管理系统实例11 商品分类
摘要:1、创建商品分类分支goods_cate并push到远程 查看分支: 创建分支: 推送到远程:(以前码云中没有该分支,所以要加-u,如果码云中有该分支,则不需要加-u) 2、通过路由加载商品分类组件 新建goods文件夹和Cate.vue文件: 添加路由: 点击左侧菜单的商品分类的效果如图: 3、绘
阅读全文
posted @
2020-01-17 11:05
JoeYoung
阅读(6020)
推荐(1) 编辑
Vue + ElementUI的电商管理系统实例10 用户列表-分配角色
摘要:1、用户列表页面,点击分配角色按钮,弹出分配角色对话框 给分配角色按钮添加点击事件,并传递当前行的信息: setRole事件: // 展示分配用户角色的对话框 setRole(userInfo) { this.setRoleDialogVisible = true } 添加分配角色的对话框: <!-
阅读全文
posted @
2020-01-09 15:01
JoeYoung
阅读(1823)
推荐(0) 编辑
Vue + ElementUI的电商管理系统实例09 分配角色权限
摘要:1、弹出分配权限的对话框并请求权限数据 先给分配按钮添加点击事件: 添加分配权限对话框: 2、分配并使用el-tree树形控件 先把Tree添加引入到element.js,这里就不写了。 然后找到el-tree的实例代码:show-checkbox 节点是否可被选择 效果图: 3、优化树形控件的显示
阅读全文
posted @
2020-01-07 16:28
JoeYoung
阅读(4861)
推荐(0) 编辑
Vue + ElementUI的电商管理系统实例08 角色列表
摘要:1、通过路由展示角色列表组件 新建roles.vue文件: 添加角色列表路由: 点击左侧菜单的角色列表,效果如图: 2、绘制基本布局并获取角色列表数据 先实现基本布局,还是面包屑和卡片视图: 添加获取方法: 通过调用api接口获取角色列表,请求路径:roles,请求方法:get 3、渲染角色列表数据
阅读全文
posted @
2020-01-06 16:25
JoeYoung
阅读(2181)
推荐(2) 编辑
Vue + ElementUI的电商管理系统实例07 权限列表
摘要:1、创建新的rights权限分支并推送到云端: 新建分支: 推送到远程: 2、通过路由展示权限列表组件 在components里新建power文件夹和rights.vue文件 添加权限列表路由: 现在点击页面左侧菜单的权限列表,就可以显示出权限列表组件页面了。 3、绘制面包屑导航和卡片视图 先添加面
阅读全文
posted @
2020-01-03 17:09
JoeYoung
阅读(903)
推荐(0) 编辑
Vue + ElementUI的电商管理系统实例06 删除用户
摘要:1、弹出提示框询问是否删除数据 MessageBox 弹框组件 确认消息:提示用户确认其已经触发的动作,并询问是否进行此操作时会用到此对话框。 $confirm需要先进行挂载: 在element.js里引入 import { MessageBox } from 'element-ui'; Vue.p
阅读全文
posted @
2020-01-02 16:09
JoeYoung
阅读(1325)
推荐(0) 编辑