#vue项目
文章平均质量分 95
不会写代码的程子
路虽远,行则将至;事虽难,做则必成,花有重开日,人无再少年
展开
-
【vue2人力资源管理系统】——Nginx上线(十)
style</style</这里为什么要用watch,因为获取数据在created,初始化图表在mounted,执行mouted时,数据并不能保证能够获取到,所以采用获取watch监听数据变化,只要数据变化,就设置图表的options。原创 2024-08-22 22:51:43 · 413 阅读 · 0 评论 -
【vue2人力资源管理系统】——权限应用-首页(九)
自定义指令- 作用在按钮上-所有的按钮都可以直接使用封装自定义指令-代码位置(// 封装自定义指令 用来控制操作权// 会在指令作用的元素插入到页面完成以后触发// el 指令作用的元素的dom对象.roles?.points || [] // 当前用户信息的操作权if (!// 不存在就要删除或者禁用el.remove() // 删除元素// 线上的权限数据和线下的代码进行对应})应用自定义指令-代码位置(原创 2024-08-22 22:50:18 · 299 阅读 · 0 评论 -
【vue2人力资源管理系统】——上传下载(七)
1.员工管理-导出excel导出员工接口返回的是二进制流axios配置responseType为blob接收二进制流文件为Blob格式安装file-saver包,实现下载Blob文件 yarn add file-saver封装导出员工excel的API-代码位置(src/api/employee.js)/** * 导出员工的excel * **/export function exportEmployee() { return request({ ur原创 2024-08-22 22:49:06 · 176 阅读 · 0 评论 -
【vue2人力资源管理系统】——Cos上传和权限数据(八)
default-checked-keys的属性是设置当前选中的节点,但是必须配合node-key属性,因为permIds变量中存储的都是id,必须el-tree组件知道key是哪个字段,所以设置node-key=“id”注意,这里我们特地调整了弹层的顺序,因为获取已经拥有的角色是一个异步的过程,如果弹层显示在前,会出现卡顿的效果,表现出缓慢的效果,所以等到获取所有数据之后再弹层。权限是通过角色这个中间人实现,首先员工拥有角色,角色拥有权限,那么员工自动拥有了角色所对应的权限。1.注册腾讯云账号-课前完成。原创 2024-08-22 22:46:56 · 359 阅读 · 0 评论 -
【vue2人力资源管理系统】——员工管理(六)
为什么不使用item.isEdit = false , 因为动态添加的属性不具备响应式的特点,如果想要具备响应式,可以使用$set的应用。原创 2024-08-22 22:45:55 · 306 阅读 · 0 评论 -
【vue2人力资源管理系统】——角色管理(五)
自定义启用列和操作列的结构-代码位置(< el-table-column prop = " state " align = " center " width = " 200 " label = " 启用 " > < template v-slot = " { row } " > < span > {{ row.state === 1?"已启用" : row.state === 0?}}原创 2024-08-22 22:43:57 · 375 阅读 · 0 评论 -
【vue2人力资源管理系统】——组织架构(四)
通过在el-tree中传入插槽内容,就可以渲染数据自定义树形结构-代码位置(-- 节点结构 -->-- v-slot="{ node, data }" 只能作用在template -->-- $event 实参 表示类型 -->-- 显示区域内容 -->操作-- 下拉菜单选项 -->原创 2024-08-22 22:16:13 · 301 阅读 · 0 评论 -
【vue2人力资源管理系统】——修改密码(三)
登录成功跳转到主页之后,可以获取用户资料,获取的资料在Vuex中共享,这样用户就可以很方便的获取该信息之前在导航守卫的位置,可以确定已经有了token,这个位置获取资料更佳,因为导航守卫在页面发生跳转时出发,这时不论你从何时何地进来,如果发现你没获取资料,都可以非常清楚直观的获取资料。判断条件也使得不会发生重复的加载。有同学会问,为什么用户信息不做持久化管理呢?不需要缓存吗?原创 2024-08-22 22:15:07 · 185 阅读 · 0 评论 -
【vue2人力资源管理系统】——主页鉴权(二)
登录模块,传统思路都是登录校验通过之后,直接调用接口,获取token之后,跳转到主页。原创 2024-08-22 22:14:24 · 468 阅读 · 0 评论 -
【vue2人力资源管理系统】——登录页面(一)
通过本项目学习快速掌握模板的使用原创 2024-08-22 22:13:02 · 555 阅读 · 0 评论