文章目录
- 1 配置子路由
-
- 1.1 router/index.js(添加路由)
- 1.2 views/User.vue(用户管理)
- 1.3 验证路由是否生效
- 2 User.vue(静态页面)
-
- 2.1 搜索框和表格的静态搭建
- 2.2 用户表格的数据获取渲染
-
- 2.2.1 user.js(准备数据)
- 2.2.2 mock.js(拦截请求的URL)
- 2.2.3 api.js(axios请求的URL)
- 2.3 页面布局(User.vue)
-
- 2.3.1 el-table(表格)
- 2.3.2 性别数据的处理
- 2.3.3 整体代码(User.vue)
- 3 参考附录
配置子路由,添加新增按钮、搜索框、搜索按钮、表格,模拟数据,转换性别数据并显示在列表中。
1 配置子路由
1.1 router/index.js(添加路由)
1.2 views/User.vue(用户管理)
<template><div>user</div>
</template><script set