本文主要讲述了如何在前端实现主页功能，包括单个菜单项的管理、路由重定向、侧边栏的链接改造和折叠效果。同时，讨论了用户列表组件的渲染问题，如数据绑定错误和布局结构设计，并通过路由展示用户列表。此外，还解决了因接口地址错误导致的登录问题。
36-45
主页-每次只能打开一个菜单项并解决边框问题
主页-实现首页路由的重定向效果
实现侧边栏路由链接的改造
实现侧边栏的折叠与展开效果
主页-为选中项设置字体颜色并添加分类图标
使用el-able组件渲染基本的用户列表 prop指向数据内部 问题:读不了数据 --->原因是Users.vue中this.userlist = res.data.userlist; 是错误的, 应该是this.userlist = res.data.users;
绘制用户列表组件的基础布局结构
在sessionSorage中保存左侧菜单的激活状态 重点看
通过路由的形式展示用户列表组件
用户列表-通过路由的形式展示用户列表组件
获取用户列表数据 用到async await 接收数据 并用 const data处理
解决Day3时遇到的登录问题,是由于接口地址写错,写多了空格导致.
遇到的问题:1,格式 ,多打了空格
总结:1.路由设置要多看
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
