大世界项目12------侧边栏导航数据

简介: 大世界项目12------侧边栏导航数据

(1)、目标,从后台请求侧边栏标题等数据,铺设侧边栏导航,从后台请求我们侧边栏的数据

(2)、我们首先要看一看,后台有没有接口的数据

(3)、请求参数的内容:

(4)、返回的字段都有解释

(5)、这里返回的是一个数组,里面返回是这些对象

(6)、第一个返回的数据没有孩子

(7)、第二行有标题的文字

(8)、每一个children要对应每一项

(9)、获取侧边栏的对象,还是一个promise对象,先把接口方法,引入过来

(10)、返回后台接口,返回侧边栏的数据

401是登录状态过期的提示

(11)、我看看我忘没忘带token,我发现忘带了

(12)、

(13)、这样我就拿到了我们侧边栏的数组了

(14)、现在res能不能直接在template中使用,不能,template只能用Vue体系内的,要么是计算属性,要么是变量,这里写个变量,来保存侧边栏的数据

(15)、接着res.date的date数据

(16)、写一个template属性键,这个item相当于第一个第二个对象

(17)、这里没有children

(18)、这里不写死,写循环怎么写

(19)、如果想变变量,要加:

(20)、这里key,一定要独一无二

21、

(22)、小图标的写法

(23)、

(24)、

(25)、这里点击如何切换路由

(26)、这个组件框架如何使用Vue的router路由,我们的ELEMENT-UI组件库里

27、

28、最后git 进行提交


相关文章
|
异构计算
PCIe链路训练(Link Training) Debug案例解析
有关Xilin FPGA开发版PCIe link up issue debug过程的文章,小编把里面提到的一个案例在这里给大家分享一下。
|
机器学习/深度学习 监控 算法
吸烟行为检测系统(Python+YOLOv5深度学习模型+清新界面)
吸烟行为检测系统(Python+YOLOv5深度学习模型+清新界面)
1659 0
吸烟行为检测系统(Python+YOLOv5深度学习模型+清新界面)
|
缓存 移动开发 JavaScript
PCIe 参考时钟架构 (Refclk Architecture)
PCIe 参考时钟架构 (Refclk Architecture)
6581 0
PCIe 参考时钟架构 (Refclk Architecture)
|
安全 网络协议 物联网
不看后悔系列之一篇搞懂LinuxCentOS搭建MQTT服务器及客户端操作使用
linux CentOS上搭建MQTT服务器并不难,主要就是用到了mosquitto这款消息代理服务软件。其采用发布/订阅模式传输机制,轻量、简单、开放并易于实现,被广泛应用于物联网之中。
2938 0
|
应用服务中间件 数据安全/隐私保护 nginx
Gitlab----使用Docker方式安装部署Gitlab
Gitlab----使用Docker方式安装部署Gitlab
13235 1
Gitlab----使用Docker方式安装部署Gitlab
|
3月前
|
机器学习/深度学习 编解码 人工智能
面壁开源多模态新旗舰MiniCPM-V 4.5,8B 性能超越 72B,高刷视频理解又准又快
今天,面壁智能正式开源 8B 参数的面壁小钢炮 MiniCPM-V 4.5 多模态旗舰模型,成为行业首个具备“高刷”视频理解能力的多模态模型,看得准、看得快,看得长!高刷视频理解、长视频理解、OCR、文档解析能力同级 SOTA,且性能超过 Qwen2.5-VL 72B,堪称最强端侧多模态模型。
443 9
|
3月前
|
数据采集 JavaScript 物联网
智能工厂四大核心系统:ERP/PLM/MES/WMS规划架构图详解
企业数字化转型需要构建ERP、PLM、MES、WMS等核心系统协同运作的完整体系。ERP整合企业资源管理,PLM管理产品全生命周期数据,MES实现车间生产执行管控,WMS优化仓储物流管理。各系统通过数据流紧密衔接:PLM为ERP提供BOM数据,ERP为MES下达生产计划,MES与WMS协同物料调度。
|
开发工具 git 缓存
Git忽略规则.gitignore不生效
在项目开发过程中个,一般都会添加 .gitignore 文件,规则很简单,但有时会发现,规则不生效。 原因是 .gitignore 只能忽略那些原来没有被track的文件,如果某些文件已经被纳入了版本管理中,则修改.gitignore是无效的。
61894 4
|
IDE API 开发工具
沉浸式集成阿里云 OpenAPI|Alibaba Cloud API Toolkit for VS Code
Alibaba Cloud API Toolkit for VSCode 是集成了 OpenAPI 开发者门户多项功能的 VSCode 插件,开发者可以通过这个插件方便地查找API文档、进行API调试、插入SDK代码,并配置基础环境设置。我们的目标是缩短开发者在门户和IDE之间的频繁切换,实现API信息和开发流程的无缝结合,让开发者的工作变得更加高效和紧密。
沉浸式集成阿里云 OpenAPI|Alibaba Cloud API Toolkit for VS Code
|
消息中间件 监控 数据管理
构建强大的分布式系统:微服务与架构设计的关键考虑因素
构建强大的分布式系统需要深思熟虑的架构设计和关键考虑因素。微服务架构作为一种实现分布式系统的方式,提供了许多优势,但也伴随着挑战。通过合理的服务边界定义、通信协议选择、数据管理与一致性、容错性与监控、部署和自动化以及安全性措施,可以更好地构建和维护分布式系统。最终,成功的分布式系统将为用户提供高可用性、可伸缩性和灵活性的应用程序体验。
861 1
构建强大的分布式系统:微服务与架构设计的关键考虑因素