当前位置: 首页 > 知识库问答 >
问题:

javascript - vue 首次登陆成功进入页面获取不到store值?

熊哲圣
2024-01-23
computed: {    ...mapState({        userInfo: (state) => state.user.userInfo,    }),},

首次登录进入页面时,这个值在页面上可以获取到

<div class="wl-left">   <span>{{userInfo.username}}:</span></div>

但是在方法里面调用却是 undefined

async getTopTenData(params) {    let data;    this.searchLoading = true    try {        data = await getCommTime({            account: this.userInfo.username,            dimension: this.activeToggle,            params        })    } catch (error) {        throw new Error(error)    } finally {        this.searchLoading = false    }    return { data: data.comm_task_list }},

求教?

共有1个答案

殳阳飙
2024-01-23
  1. userInfo 本地localstorage储存一份;
  2. 在main.js初始化vue时,生命周期created ,读取localstorage赋值到vuexuserInfo;

因为有可能登陆刷新了页面,导致userInfo数据丢失

 类似资料:
  • 4.1 首次登陆系统 登陆系统有这么难吗?并不难啊!虽然说是这样说,然而很多人第一次登陆Linux的感觉都是“接下来我要干啥?”如果是以图形接口登陆的话,或许还有很多好玩的事物, 但要是以命令行登陆的话,面对着一片黑压压的屏幕,还真不晓得要干嘛呢!为了让大家更了解如何正确的使用Linux, 正确的登陆与离开系统还是需要说明的! 4.1.1 首次登陆CentOS 7.x图形接口 开机就开机呀!怎么还

  • 将WebContent/index.jsp 文件, 移动到 WebContent/WEB-INF/jsp/user/login.jsp

  • 打开当前登陆表单所在的WebContent/index.jsp页面, 在下述代码 密码 <input name="password" type="password" value="123456"> 的后面加入 <script type="text/javascript"> function next_captcha() {

  • 为了省事,我们直接建个index.jsp,把内容放进去 下面就是内容了,自行复制粘贴了, 文件建在WebContent下面就好了. 留意一下,这里是引用新浪cdn的jquery,如果无法访问,自行换成其他可用地址吧. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

  • vue项目可以单独让登录页面做SSR服务器渲染么 ,具体要怎么操作么? 没有思路

  • 应用程序要求如下所示: 1) 拥有一个带有简单用户名和密码的登录表单 2)一旦用户提交了登录表单,用户应该导航到主组件 问题: 在发送正确的用户名和密码后,服务器会进行身份验证并发送正确的令牌,但现在我设法在URL中显示正确的路由,但组件没有加载, 这是我的档案 登录信息 行动 index.js store.js 依赖列表 有人能帮我解释一下为什么这条路线不行吗,