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

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示