后管系统-员工详情步骤分析

1.创建页面 搭建

 

 

2. 配置路由

3. 在employees页面添加路由跳转

<template slot-scope="scope">
		<el-button type="text" 
           size="small" 
           @click="$router.push('/employees/detail?id='+scope.row.id)">
  		查看
    </el-button>
		// 省略其它...
  </template>

4. 拆分组件

 

5. 把上面定义的三个组件引入到detail.vue中 注册 使用

6. 在登录账户的页面 实现数据回填 login-setting.vue

• 封装获取数据的api
• 导入api 使用 发送请求 数据存入

7. 修改用户名和密码

• 给表单绑定 rules prop 等属性
• 给更新按钮绑定点击事件
• 做兜底校验
• 调用api接口 发送请求 更新成功提示

8.个人详情设置-页面布局及数据回填 （和上面差不多）

9. 保存更新