Propriedade calculada não atualizando do objeto de armazenamento Vuex
Eu tenho um monte de instruções de associação de classe:
:class="{active: isActive('status', status.id)}"
Aqui está o método mencionado acima:
isActive: function (param, value) {
if (!this.activeFilters.hasOwnProperty(param) && value === 'all' && param !== 'type') {
return true;
}
...etc
}
... e a propriedade calculada que o método está vendo:
activeFilters() {
return this.$store.state.activeFilters;
},
Qual está no estado Vuex.
O problema é que essas propriedades não são atualizadas quando um dos menus suspensos com a associação de classe acima é clicado. Se eu navegar para outra rota e depois voltar, a classe ativa foi aplicada muito bem. Posso forçar a propriedade computada a recalcular para que a classe seja aplicada imediatamente?
Entendo que a adição de propriedades não acionará reatividade,mas de acordo com isso, se eu substituir o objeto por um novo, a reatividade deve ser mantida. Bem, aqui está o que estou fazendo:
state.activeFilters = query;
... substituindo o objeto. Estou perplexo.