大事件项目09---布局,获取用户信息

简介: 大事件项目09---布局,获取用户信息

1、如何在布局页面,拿到用户的页面,就是不同用户,使用不同的账号登录,展现的用户信息不一样

2、这里的工作流程是,先获取到用户的数据信息,之后转存到vuex里面

3、这里要调用接口了,获取用户信息

4、

5、接下来,他会返回一个请求数据结构

6、这里返回了一个接口的用户实例

7、我要调接口了,那么我们要获取些什么,写好接口之后,我们给他补全

8、接口的方法,我们一般用API,作为结尾,因为这样可以我们就知道他用的是接口方法

9、引入store对象

10、直接写就完了

11、我在APP.Vue中测试一下

12、点击登录

13、axios返回的数据信息完全正确

14、获取用户信息,提交成功

vuex存储,接下来,我们要把获取到的用户信息,保存到Vuex里面,要保存到Vuex里面,我们要先准备一个变量

1、第一步写一个参数

2、写个注释,保存用户的信息

3、第一个形参固定,第二个叫接到的值

4、接到的值给他保存到userInfo

5、接下来我们给他导入过去

6、然后调用,因为他自己会向Vuex当中去拿token

7、写法

8、直接使用Vuex中的

9、现在可以看到Vuex中的用户数据存储成功了

10、res.date再一个date才能拿到数据

11、最终写法


相关文章
|
5月前
若依框架 --- 修改默认跳转页面
若依框架 --- 修改默认跳转页面
639 0
|
12月前
|
小程序 前端开发 JavaScript
微信小程序框架---视图层&逻辑层&API&事件
微信小程序框架---视图层&逻辑层&API&事件
177 0
|
3月前
|
监控
若依修改-----其他功能,包括参数设置,通知公告,日志管理,验证码控制开关在参数设置里,若依的注册页面是隐藏的,在src的login.vue的97行注册开发,修改成true,通知公告,促进组织内部信
若依修改-----其他功能,包括参数设置,通知公告,日志管理,验证码控制开关在参数设置里,若依的注册页面是隐藏的,在src的login.vue的97行注册开发,修改成true,通知公告,促进组织内部信
大事件项目43----富文本结合表单的检验触发
大事件项目43----富文本结合表单的检验触发
|
4月前
|
开发工具 git
大事件项目42---怎么区分,发布还是草稿,下拉菜单的触发时机
大事件项目42---怎么区分,发布还是草稿,下拉菜单的触发时机
大事件项目16-----首页组件创建和路由配置
大事件项目16-----首页组件创建和路由配置
|
4月前
|
API 开发工具 git
大事件项目23---个人中心—更换头像——调用接口保存,并让Vuex更新
大事件项目23---个人中心—更换头像——调用接口保存,并让Vuex更新
|
4月前
|
JavaScript 开发工具 git
大事件项目项目25------文章分类---页面组件和路由
大事件项目项目25------文章分类---页面组件和路由
|
4月前
|
JavaScript
大事件项目06-注册功能_点击事件和拿到数据
大事件项目06-注册功能_点击事件和拿到数据
|
5月前
|
数据可视化 开发者
CodeWave智能开发平台--03--目标:应用创建--04自定义主题样式5子页面页面跳转逻辑
CodeWave智能开发平台--03--目标:应用创建--04自定义主题样式5子页面页面跳转逻辑