vuex中import router中的常量结果是undefined ?

问题描述

Vue 项目结合 element UI 搭建后台管理系统,在 vuex 的 store/index.js 文件中引入 router/index.js 中定义的常量 constantRouterMap,结果后台打印引入结果为 undefined。详细见图:
在这里插入图片描述

如何解决

你应该在 main.js 中 先引入 store 再引入 router。

import store from './store'  // 先引用store
import router from './router'  // 后引用router

问题分析

这个问题可能是因为循环引用,router 里面引用了 store,store 里面也引用了 router,这时候处于这个 loop 中间的所有变量都会变成引用类型,也就是你不能一开始就获取他的真实值,只能得到 undefined ???

参考文档

https://github.com/PanJiaChen/vue-element-admin/issues/1537

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐