Vuex 4无法获取深层嵌套子模块Getter问题求助
Vuex 4多层级模块Getter访问异常问题
我的Store结构如下:
在Nuxt 2(Vue 2)环境下,我可以通过store.getters['pages/my/orders/orders']访问到orders getter(对应图中的Array[0])。
但重构至Vue 3(Vuex 4)后,仅能获取浅层级模块的getter:
store.getters['auth/isLoggedIn'] // 正常工作,返回对应getter store.getters['pages/my/orders/orders'] // 返回undefined,尽管Vue DevTools中能看到该状态
实际检查store.getters对象后发现,其中没有任何pages相关的getter,仅能获取根级或浅层模块的getter,无法访问子模块的内容。
- 补充1:梳理问题时才发现,
pages/my/orders/orders严格来说属于state的一部分,但为何在Nuxt环境下这种访问方式可以生效? - 补充2:实际上我们在
pages/my/orders模块内确实定义了ordersgetter,但不清楚为何Vue DevTools未显示该getter。
内容的提问来源于stack exchange,提问作者van_folmert
相关产品推荐
相关产品推荐

