大世界项目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
若依框架-------弹层表格
若依框架-------弹层表格
205 0
|
11天前
|
小程序 API
【微信小程序-原生开发】实用教程07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字)
【微信小程序-原生开发】实用教程07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字)
11 0
|
17天前
|
开发工具 git
大事件项目12--侧边栏导航的组件标签准备
大事件项目12--侧边栏导航的组件标签准备
|
8月前
|
小程序 JavaScript
小程序点击轮播图跳转到tab导航界面
小程序点击轮播图跳转到tab导航界面
70 0
|
11月前
|
小程序 API
小程序----页面导航
小程序----页面导航
网页导航hot图标按钮
网页导航hot图标按钮
113 0
网页导航hot图标按钮
|
前端开发
bootstrap如何去除自带的样式----导航栏中的菜单实现平滑的过渡到对应的菜单区域-------动态跟换模态框中的内容
bootstrap如何去除自带的样式----导航栏中的菜单实现平滑的过渡到对应的菜单区域-------动态跟换模态框中的内容