계산 된 속성은 Vuex 저장소 개체에서 업데이트되지

Question

나는 클래스 바인딩 문 무리가 있습니다

isActive: function (param, value) { 
    if (!this.activeFilters.hasOwnProperty(param) && value === 'all' && param !== 'type') { 
     return true; 
    } 
...etc 
} 

... 그리고 계산 된 재산 방법 : 여기

:class="{active: isActive('status', status.id)}" 

위에서 언급 된 방법의를 찾고 있습니다 :

activeFilters() { 
    return this.$store.state.activeFilters; 
}, 

Vuex 상태에 있습니다.

위의 클래스 바인딩이있는 드롭 다운 중 하나를 클릭하면 이러한 속성이 업데이트되지 않습니다. 다른 경로로 이동 한 다음 다시 돌아 오는 경우 활성 클래스가 올바르게 적용되었습니다. 계산 된 속성을 강제로 재 계산하여 클래스가 즉시 적용될 수 있습니까?

속성을 추가해도 반응성이 발생하지 않는다는 것을 알고 있습니다. but according to this, 내가 새 것으로 대체하면 반응성이 유지되어야합니다. 여기에 제가하고있는 일이 있습니다 :

state.activeFilters = query; 

... 개체를 교체하십시오. 나는 곤두박질 친다.

Answer 1

알아 냈어. 함수가 끝나면 컴포넌트를 다시 렌더링하도록 강제해야합니다 :

this.$forceUpdate();