Vue+Element-UI获取登录用户名显示在页面右上角

该博客介绍了如何在前端项目中通过检查package.json文件判断是否已引入js-cookie库。如果没有,需要安装此依赖来实现登录状态的持久化。在登录成功后,使用Cookies.set方法保存用户名。然后在需要的地方导入并使用Cookies.get方法获取用户名,以实现页面间的登录状态共享。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

①先查看package.json中有没有引入js-cookie依赖

package.json

②没有的话,要引入依赖

引入依赖

③之后在你的登录页面中import

在页面中引入

  • 在登录方法中使用Cookies.set方法获取登录的用户名

设置

④在需要的页面上使用

在这里插入图片描述

  • 这里{{ }}中用的是下面定义的方法名。

在这里插入图片描述

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值