猿问

求大佬指点哈!vue中,store.js和router.js怎么互相调用大佬们有什么好的建议?

问题描述
使用了VueX和vue-router的Vue项目中,
在store.js中importrouter
在router.js中importstore
在main.js中同时importstore和router
导致出错
相关代码
//请把代码文本粘贴到下方(请勿用图片代替代码)main.js中
importVuefrom'vue'
importAppfrom'./App.vue'
importstorefrom'./store'
importrouterfrom'./router'
router.js中
importstorefrom'./store'
varrouter=newRouter({
routes:[
{
path:'/',
redirect:function(){
//此处需要通过查询store中储存的权限,判断应该让用户去哪个页面,所以引入了store
}
}
]
})
store.js中
importVuefrom'vue'
importVuexfrom'vuex'
importrouterfrom'./router'
Vue.use(Vuex);
varstore=newVuex.Store({
mutations:{
logout(state){
router.push("/login");//此处需要跳转到登录页,因此引入了router
}
}
})
你期待的结果是什么?实际看到的错误信息又是什么?
噜噜哒
浏览 369回答 2
2回答

精慕HU

1、首先不需要在store里面引入router了吧,store只保存数据,跳转到某个页面的逻辑应该在router里。2、权限判断去跳转路由使用导航手腕链接描述
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答