大世界项目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 进行提交


相关文章
|
2月前
|
JavaScript
若依框架-------弹层表格
若依框架-------弹层表格
183 0
|
10月前
|
索引 容器
Bootstrap4----网络系统、图像形状、轮播、滚动监听、多媒体对象、下拉菜单导航及按钮
Bootstrap4----网络系统、图像形状、轮播、滚动监听、多媒体对象、下拉菜单导航及按钮
|
2天前
|
开发工具 git
大事件项目12--侧边栏导航的组件标签准备
大事件项目12--侧边栏导航的组件标签准备
|
2月前
|
SQL JavaScript
若依框架 ------- 三级联动之下拉框查询
若依框架 ------- 三级联动之下拉框查询
301 0
|
7月前
|
JavaScript
Layui----动态选项卡
Layui----动态选项卡
38 0
Layui----动态选项卡
|
11月前
|
小程序 API
小程序----页面导航
小程序----页面导航
侧边栏布局
侧边栏布局
77 0
侧边栏布局
|
前端开发
bootstrap 组件 警告框 徽章 面包屑导航 按钮 按钮组 学习总结
bootstrap 组件 警告框 徽章 面包屑导航 按钮 按钮组 学习总结