07-HR-02-员工详情模块(员工详情页,个人组件和岗位组件封装,员工个人信息和岗位信息,配置腾讯云Cos,封装上传图片组件分析,在员工详情中应用上传组件)

本文介绍了如何使用Vue.js开发员工详情页,包括封装个人和岗位组件,处理员工的个人信息和岗位信息。文章还详细讲解了如何配置腾讯云COS,实现图片上传功能,包括注册、实名认证、创建存储桶和设置CORS规则。此外,还阐述了上传组件的实现,如预览、删除图片、控制上传按钮,以及上传前的校验和上传到腾讯云的流程。最后,展示了如何在员工详情页中应用上传组件,处理上传的进度和头像更新。
摘要由CSDN通过智能技术生成

员工详情

员工详情页

需求:重置密码;展示员工的个人信息和岗位信息(支持图片的上传----上传到第三方平台:腾讯云)

image.png

详情页的基本布局和路由

  • 建立详情页路由 router/modules/employees.js
    • 配置二级路由,并且控制左侧菜单不显示
    • 动态路由参数的获取方式:1、$route.params.id;2、利用路由映射的props:true 配置,组件中通过props获取即可
{
   
  path: 'detail/:id', 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值