位置: IT常识 - 正文
【自用】VUE 获取登录用户名 显示在其他页面上(获取vue实例)
发布时间：2024-01-06【自用】VUE 获取登录用户名 显示在其他页面上 大步骤一、准备工作步骤1：
本文链接地址:https://www.jiuchutong.com/zhishi/288133.html
转载请保留说明！
推荐整理分享【自用】VUE 获取登录用户名 显示在其他页面上(获取vue实例)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:vue获取uuid,vue3获取数据,获取vue实例,vue获取uuid,vue获取slot,vue获取uuid,vue获取slot,获取vue实例,内容如对您有帮助，希望把文章链接给更多的朋友！
安装 js-cookie 依赖
npm install js-cookie --save步骤2：在登录页面中引入 js-cookie 依赖
<script>import jsCookie from 'js-cookie';</script>大步骤二、在 登录页面 的vue文件 中使用它！步骤1：<script>// xxx 是你data中的用户名jsCookie.set('username',this.xxx)</script>大步骤三、在 其他页面 的vue文件 中使用它！步骤1：在其他页面中引入 js-cookie 依赖
<script>import jsCookie from 'js-cookie';</script>步骤2：设定一个 computed 计算属性，并在其中写入获取登录界面 cookies 的方法：
computed:{ showUserName(){ return jsCookie.get('username') }},步骤3：在需要使用的地方使用 插值表达式 {{xxx}} 来使用它！ （请注意，我们需要用刚写好的函数来引用）
四、大工告成！1.来看看效果吧！1.1 登录页面，用户名为 LYL：
1.2 登录后，主页已经显示用户名了！
上一篇：阿德莱德山的葡萄园，澳大利亚 (© Ben Goode/iStock/Getty Images Plus)(阿德莱德 景点)
下一篇：录屏软件哪个好用？10个免费好用的「录屏软件」推荐(主播录屏软件哪个好)
