vue中router和vuex的互相引入问题

Question

在做一个vue的后台管理系统的时候,要做权限,遇到了这样一个问题

在router.js中 先定义好一段需要做权限的动态路由表export const constantRouterMap =[...];

然后想在vuex中导入router.js中定义的constantRouterMap ,因为还有别的组件需要用到里面的参数,所以在vuex中做一个全局管理;

vuex中代码:
import {asyncRouterMap} from "../../../src/router";
console.log(asyncRouterMap,111);

....
const getters = {

ListTree(state) {  console.log(asyncRouterMap,666)
},

结果时 111为undefined 在getters中的函数中能拿到正常结果,也就是666有数据,请问大家这个原因是啥??求解

Answer 1

你不是说了: 互相引入问题 么? 确实是因为这个造成的.. 我加了链接, 你自己点进去看是为什么吧

Answer 2

至于怎么解决, 既然是共用的, 建议你把 constantRouterMap 分离出来