![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
资源管理项目
文章平均质量分 80
学习吖
凌晨四点钟,我看见海棠花未眠
展开
-
基于vue-element-admin 中的Excel的导入和导出 xlsx插件
excel的导入工作安装插件element-ui安装插件 xlsx 2. 找到 components/UploadExcel/index.vue 将整个UploadExcel文件夹复制到 excel_demo项目的 components目录下 3. App.vue内容覆盖为 效果如下 给导入绑定点击事件跳转页面在employee.js中定义接口函数 在import.vue中定义函数 发送请求 实现批量导入对Excel的时间进行格式化处理 定义函数发送请求 获取员工数据实现批量导入 导出 n原创 2022-07-10 11:30:19 · 1943 阅读 · 1 评论 -
员工管理 封装组件全局注册 sortable数据升序处理 枚举取值三种方法 删除操作 新增员工操作
新建员工页在下面补充创建 ,内容如下:引入插槽让用户能自定义内容使用组件设置,内容如下: 全局注册使用全局注册方法二 封装自己的组件在components组件新建index.js 组件用于封装 信息在main.js中注册自己的组件 页面一加载获取员工信息发送请求定义接口函数 在employees.js中定义接口函数调用接口 在employees.vue中调用接口渲染表格 在 绑定信息 通过sortable实现对数据的升序和..................原创 2022-06-27 14:39:26 · 261 阅读 · 0 评论 -
新增公司管理页 分页设置 新增功能 删除功能
新增公司管理页 配置路由分页设置在api新建settings.js中定义接口函数在settings.vue中 定义函数 发送请求表格的渲染数据 分页功能的实现current-page修改当前页 删除功能在setting.js定义接口函数deleteRole 参数为路径(路径 在路径后传`/${id}`) 在setting.vue文件中 按需导入接口函数 通过插槽#default="{row}传数据" 删除按钮绑定点击事件 询问框 新增的对话框设置新增功能给确定按钮绑定hSubmit兜底校验定义接口函数 调原创 2022-06-23 22:03:33 · 239 阅读 · 0 评论 -
新增功能 编辑功能 数据回填 显示详情不准确的三种修复方式 控制统一弹窗 删除功能 表单校验
扁平化数据处理树形结构续新增弹层的实现完善新增和编辑为一个弹窗新增状态 处理新增和编辑弹窗状态 给编辑部门添加事件 弹窗获取id 传给子组件 在子组件中 根据id获取单个部门信息 实现数据回填 做数据回填时,由于form已经做了v-model双向绑定,所以,这里直接赋值:,这样数据就回填了。图解 图解async为微任务微任务 =>dom加载 => 宏任务加$nextTick或setTimeout 将微任务转宏任务表单重新加载 重新获取数据 方法一 方法二 通过给组件添加ref $nextTick原创 2022-06-23 00:02:17 · 566 阅读 · 0 评论 -
.sync双向绑定 native用法 split() 扁平数据转换树形结构 对组织架构进行渲染 新增部门信息的实现功能
在标题后加title 在样式修改通过:a.sync实现双向绑定实现原理在子组件标签中定义函数 通过父向子传值 在子组件中props接收函数在子组件标签中通过this.$emit('函数名',值)子向父传值在父组件的子标签中获取函数native 自定义子组件标签上 事件不触发时在前面加.native 在api中新建文件 定义请求接口在组建中页面一加载发送请求 定义函数 发送请求通过插槽展示数据1.遍历list数组给每一个对象添加children:[]2.传建一个空对象map ,建立映射关系 遍历原创 2022-06-20 21:36:44 · 209 阅读 · 0 评论 -
用户信息存入vuex 退出功能 左侧信息渲染原理
将用户个人信息存到vuex中在路由跳转时获取用户信息 调用actions里面函数在actions中定义函数在函数中 调用发送用户信息请求 通过context.commit('mutations里面函数',res.data)在mutations函数中定义函数存储用户信息和清除用户信息获取用户名获取用户头像1.提示询问框2.清除token3.清空用户信息定义logout() 通过element组件通过this.$route.fullPath加密处理内置方法encodeURIComponent()router和r原创 2022-06-18 21:46:36 · 218 阅读 · 0 评论 -
配置不同环境路由 vue-cli代理服务器解决跨域 将token存储到vuex中 请求拦截器设置统一token cookies持久化存储token 路由守卫-路由跳转进度条
设置开发环境和生产环境请求基地址.env.devlopment开发环境 .env.production 生产环境的基地址使用环境变量修改端口号port :'8888' 修改端口号后要重启终端ip和端口开启终端未结束 开启另一个会造成端口占用问题跨域产生的条件不同源http协议 ip地址 端口号如何解决跨域问题代理服务器解决跨域问题当前端口号为8888目标端口号为3000 启用代理服务器端口号为当前端口号 通过代理服务器转换成目标端口号 服务器与代理服务器不存在跨域问题 在vue.原创 2022-06-17 20:18:31 · 726 阅读 · 1 评论 -
项目的文件梳理 工具层,接口层 状态层等 登录模块校验 矢量图标的引用 了解开发环境和生产环境
矢量图标的使用 响应拦截器 手机号校验开发环境和生产环境的认知原创 2022-06-15 20:34:38 · 134 阅读 · 0 评论