javascript - vuex怎么做login页面？-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架人工智能 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI聊天问答 Agent智能体 AI文本写作 AI绘画作图 AI设计工具 AI视频创作 AI音频制作 AI办公学习 AI编程开发 AI提示词

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

javascript - vuex怎么做login页面？

PHPz 2017-04-11 11:18:43

[JavaScript讨论组]

1130

使用vuex和router，实现login

把用户状态放在vuex的Store中，login页面使用vuex的Action做用户登录。

vuex定义了一个Action，是调的服务端的user.login服务

export const login = ({ dispatch }, username, password, url) => {
  user.login(
    { username, password },
    ({ fullname, uid }) => {
      dispatch(types.LOG_IN, { fullname, uid, username })
      this.$router.go({ name: url }) // 这个地方是有问题的
    },
    ({ msg }) => alert(msg)
  )
}

现在问题是，在login.vue文件中，给login按钮绑定了vuex的login action。

但是希望用户在vuex的login成功之后，跳转到用户首页中。
但是vuex的login是异步方式调用的服务端的login服务，回调的时候已经没有this.$router了，这个时候应该怎么处理用户登录之后的跳转呢？
也就是在vuex的action中，该不该有用户页面跳转的逻辑，怎么做更好些呢？

说的有点绕，不知道说明白没有，汗

PHPz

学习是最好的投资！

全部回复(2)

大家讲道理2017-04-11 11:20:43 2楼

把路由对象定义为全局的不就好了么？
`
window.router = new VueRouter();
window.router.map({

'/': {
    component: LoginComp
}, '/login': {
    component: LoginComp
}, '/home': {
    component: HomeComp
}

});

赞 +0

添加回复

阿神2017-04-11 11:20:43 1楼

我也遇到这个问题了,我暂且用watch检测vuex中userInfo数据来进行跳转的

我又仔细看了vuex的文档,action函数的返回值可以返回回来,用promise就可以实现了

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>