文章目錄
- 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
