vuex 和 vue-router如何结合使用？

zAfR***

例如要实现用户登录后跳转，很自然的想到将login这个异步操作放到action，登录成功后再触发mutation来修改应用状态（设置已登录状态），但是之后如何触发路由跳转呢，这点我一直想不通……

BvUx***

importVuefrom'vue';importVueRouterfrom'vue-router';importfiltersfrom'./filters';importrouterMapfrom'./routers';importFastClickfrom'fastclick';Vue.use(VueRouter);$.ajaxSettings.crossDomain=true;//实例化Vue的filterObject.keys(filters).forEach(k=>Vue.filter(k,filters[k]));//实例化VueRouterletrouter=newVueRouter({hashbang:true,history:false,saveScrollPosition:true,transitionOnLoad:true});//登录中间验证，页面需要登录而没有登录的情况直接跳转登录router.beforeEach((transition)=>{//处理左侧滚动不影响右边$("html,body,#page").removeClass("scroll-hide");FastClick.attach(document.body);if(transition.to.auth){if(localStorage.userId){transition.next();}else{varredirect=encodeURIComponent(transition.to.path);transition.redirect('/login?redirect='+redirect);}}else{transition.next();}});letapp=Vue.extend({});routerMap(router);router.start(app,"#app");

时代威客APP

时代威客公众号

时代威客小程序

猜你需要

热门需求

vuex 和 vue-router如何结合使用？

参与会员1

可能感兴趣的问答

最新任务

最新问答

优

快

专

保

新手帮助

平台规则

关于时代

便捷服务

微信小程序

新浪微博

手机客户端