HRS--人力资源系统(Springboot+vue)--打基础升级--(三)查询用户信息

接上一集已经写了好导航侧界面,现在写个导航侧功能中的查询用户信息

  1. 首先写一个员工信息vue,嗯 就叫employee.vue

  2. 特地预留了右边的空白位置是用来展示数据的,所以我们要做子目录的一个关联,其次记得做地址的路由

3. Vue 安装axios,封装request

npm i axios -S 安装成功

简单的封装了下,更详细的可以网上搜搜:

问题大bug:<el-table-column>突然在页面上显示不出来,组件加载都是正常的,也import了,查了N多资料才知道。

查询发现是 "element-ui":版本高了,改成低版本些就可以正常展示,如2.9.2版本

4 看界面展示结果图:

有2个样式问题:一个是最上面的请输入查询工号这一行应该靠左的,一个是操作没有数据的情况下不应该显示这2个按钮

5 查询用户信息界面最终展示效果

相关推荐
摆烂为不摆烂1 分钟前
😁深入JS(三): 一文让你完全了解原型,继承
前端
markyankee1011 分钟前
Vue 指令系统:构建动态界面的核心利器
javascript·vue.js
拾光拾趣录2 分钟前
在 Vue 中使用 SVG 图标
前端·vue.js·svg
吃饭睡觉打豆豆嘛2 分钟前
理解 react 中的受控组件和非受控组件
前端
默默地离开2 分钟前
Web APIs
前端·javascript
Q_Q5110082855 分钟前
python的保险业务管理与数据分析系统
开发语言·spring boot·python·django·flask·node.js·php
亮1115 分钟前
Maven 编译过程中发生了 Java Heap Space 内存溢出(OutOfMemoryError)
java·开发语言·maven
JarvanMo7 分钟前
用“工厂传送带”的方式理解 Dart/Flutter 事件循环
前端
添乱13 分钟前
「Java案例」求PI的值
java
Zhu_S W15 分钟前
深入理解Java虚拟机:Java内存区域与内存溢出异常
java·开发语言·jvm