往期
从0到1完成一个Vue后台管理项目(一、创建项目)
从0到1完成一个Vue后台管理项目(二、使用element-ui)
从0到1完成一个Vue后台管理项目(三、使用SCSS/LESS,安装图标库)
从0到1完成一个Vue后台管理项目(四、引入axios、配置路由)
从0到1完成一个Vue后台管理项目(五、登录页(表单校验的使用和封装))
从0到1完成一个Vue后台管理项目(五、登录页,mock,token,axios封装)
从0到1完成一个Vue后台管理项目(六、404页)
从0到1完成一个Vue后台管理项目(七、Header、Footer、页面布局)
从0到1完成一个Vue后台管理项目(八、Menu改造完善、子组件创建、配置路由)
从0到1完成一个Vue后台管理项目(九、引入Breadcrumb面包屑,更改bug)
引入elementui table

我们cv饿了么ui的table,就得到一个基础的表格

我们去请求学生列表的接口,得到真实的数据
api.js接口封装
接口文档


书写接口

使用

我们打印输出一下

发现接口调用成功
修改table
我们把我们的每一项和接口对应


数据对应


渲染成功
表格数据转换
我们的性别和状态显示是有问题的

我们需要转换一下


成功

状态同理
我们采用三元表达式会更优雅一些


完成


















