项目三：HR后台管理（小鹿线P4课程项目）

接口需要2个参数 实际穿了3个参数也无大碍 el-element的分页点击事件：newPage表示获取到的当前点击页 el-element 作用域插槽的使用 可以获取到点击当前的row数据 删除角色功

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/882c45a083724c83aaad4b2f8ef82ab2~tplv

重置数据 因为resetFields 只能重置 表单上的数据 非表单上的 比如 编辑中id 不能重置

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/ba7a4543caba48aaa956c34f5c5f547f~tplv

子组件通知父组件关闭弹层 采用.sync语法糖才处理，注意子组件的固定写法：update：子组件通知父组件关闭弹层 采用.sync语法糖才处理，注意子组件的固定写法：update：子组件通知父组件关闭

注意：提交表单数据，表单没有要求校验id，但是接口要全传递，可以合并对象后传递给后端，不然都不知道将数据添加到哪里去了

部门名称（name）：必填 1-50个字符 / 同级部门中禁止出现重复部门 部门编码（code）：必填 1-50个字符 / 部门编码在整个模块中都不允许重复

注意这个写法：.then的方式注意这个写法：.then的方式注意这个写法：.then的方式注意这个写法：.then的方式注意这个写法：.then的方式注意这个写法：.then的方式注意这个写法：.th

封装一个树形组织部分架构 1.1 封装的部分为：每一行 3列的内容, 1.2 将组件引入到父组件中使用，

functional为true，表示该组件为一个函数式组件 函数式组件： 没有data状态，没有响应式数据，只会接收props属性， 没有this， 他就是一个函数

1.处理路由之前 要先创建好对应的文件 和 文件夹 2. modules下其中一个路由js配置 上述代码中，我们用到了meta属性，该属性为一个对象，里面可放置自定义属性，主要用于读取一些配置和参数，

一快速新建多个文件夹 在 bash 下 进入views目录： $ mkdir departments employees setting salarys social attendances appr

一 前端主动判断 思路： 1.在单独的文件中，采用Cookies封装：get 和 set 一个时间戳 在用户登录成功之后，设置一个时间戳 在请求模块request.js中 引入获取时间戳的方法，并定义

头像来自私有云，失效不展示问题：要用自定义指令处理四 头像不显示采用全局自定义制定Vue.directive('指令名称', {}）四 头像不显示采用全局自定义制定Vue.directive('指令名

一 svg图片设置样式比如颜色要这样弄：fill="#fff"一 svg图片设置样式比如颜色要这样弄：fill="#fff"一 svg图片设置样式比如颜色要这样弄：fill="#fff"

权限拦截的流程图 代码：src/permission.js 是专门处理路由权限的，所以我们在这里处理

namespace 采用 getters 建立子模块的快捷访问方式 store/index.js 文件中 采用modules管理子模块，采用 getters 建立子模块的快捷访问方式 getters.