动态注册的vuex模块的rootState不响应

朱雀 2021-09-18 02:22 310阅读 0赞

我需要为从服务器检索的每个项目保留一些缓存的getter。  
我为每个项目动态注册一个vuex模块，如下所示：

store.registerModule(['itemGet', id], { namespaced: true, state () { return {id} }, getters: { exampleGetter (state, getters, rootState) { if (rootState.oldModule.prop === 1) return state.id return false } } })

该模块已正确注册。  
但是，每当我的这个动态模块的getter使用`rootState`并查看在商店实例化中注册的其他模块时，它都不`rootState`是被动的。

即使我做了一些突变的rootState（到另一个模块），在我的动态注册的模块干将使用rootState将始终保持rootState **只是在动态注册模块的时间** ...

### 在上面的例子中： ###

如果我`store.state.oldModule.prop`通过突变进行变异，`exampleGetter`则不会被动，只会`rootState.oldModule.prop`在动态模块注册时知道

## **问题解决方案:** ##

问题不在于getter本身，而是创建了对getter的引用，但在模块注册期间意外地硬编码了结果：

### 我做了什么： ###

store.$itemGetters[id] = Object.keys(getters) // my getter functions .reduce((carry, key) => { carry[key] = store.getters[`itemGet/${id}/${key}`] return carry }, {})

### 我改变了什么来解决它： ###

store.$itemGetters[id] = Object.keys(getters) .reduce((carry, key) => { carry[key] = _ => { return store.getters[`itemGet/${id}/${key}`] } return carry }, {})

因此，不要使用以下内容调用特定项ID的getter：

*  `store.$itemGetters[id].exampleGetter`

我现在必须这样做：

*  `store.$itemGetters[id].exampleGetter()`

发表评论取消回复

表情：

评论列表（有 0 条评论，310人围观）

还没有评论，来说两句吧...

相关阅读

相关 DLNA设备、服务的注册及响应

LNA设备、服务的注册及发现（依赖开源库cling）本文是跟踪代码的记录，因为wifi网络不太好，不能debug跟踪，后面在能够但不跟踪时，会理一下，设备之间的连接过...

系统管理员/ 2024年04月17日 17:40/ 0 赞/ 24 阅读

相关 VueX使用备忘(含Vuex实例和Vuex模块化)

文章目录 VueX使用备忘 1. Vuex 介绍 2. Vuex 插件的安装 3. Vuex环境的搭建

水深无声/ 2024年03月30日 15:52/ 0 赞/ 53 阅读

相关 servlet的动态注册

说实话,对servlet 3动态加载servlet的机制有些失望,本来期望着可以在运行时完成对servlet的注册和销毁,但现状是,只能在webapp启动在初始化时进行完成注册

Myth丶恋晨/ 2022年12月29日 14:00/ 0 赞/ 131 阅读

相关 vuex动态注册嵌套module提供模块内部组件间的数据共享

vuex提供了全局性的共享数据。如果数据限于模块内共享，可以采用嵌套module，通过命名空间进行访问。 vue开发的主角是组件。组件在代码解耦、复用、提高可读性方面立下功劳

╰半夏微凉°/ 2022年09月13日 15:21/ 0 赞/ 164 阅读

相关 vuex 模块化应用

1.目录结构 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_Q1NETiBAd3dmMTIyNQ_size_62_c

客官°小女子只卖身不卖艺/ 2022年09月08日 13:51/ 0 赞/ 147 阅读

相关 vuex—5仿select使用vuex(划分模块)

store/index.js import Vue from 'vue' import Vuex from 'vuex' import axios f

柔光的暖阳◎/ 2022年01月21日 08:35/ 0 赞/ 143 阅读

相关动态注册的vuex模块的rootState不响应

我需要为从服务器检索的每个项目保留一些缓存的getter。我为每个项目动态注册一个vuex模块，如下所示： store.registerModule(['ite

朱雀/ 2021年09月18日 02:22/ 0 赞/ 311 阅读

相关 VueX的模块你知道多少？

![在这里插入图片描述][20200419181427555.png] 为什么会出现VueX的模块呢？当你的项目中代码变多的时候，很难区分维护。那么这时候Vuex的模块功能就

亦凉/ 2021年08月29日 01:23/ 0 赞/ 398 阅读

相关 Vuex的各个模块封装

一、各个模块的作用： state 用来数据共享数据存储 mutation 用来注册改变数据状态（同步） getters 用来对共享数据进行过滤并计数操作

你的名字/ 2021年08月13日 22:08/ 0 赞/ 332 阅读

相关 vuex的拆分使用——模块化处理

vuex的拆分随着项目越来越大，vuex中的内容也会越来越多，此时，将所有的store单一的存在一个js文件里面，在维护和使用的时候都不太方便。这个时候，需要将stor

浅浅的花香味﹌/ 2021年07月25日 18:25/ 0 赞/ 484 阅读