반응형
Vuex mapState가 계산된 속성을 트리거하지 않음
V-Data-Table을 가지고 있습니다.여기에 있는 항목은 계산된 속성에서 가져온 것으로, mapState가 변경될 때 트리거되어야 하지만 트리거되지 않습니다.
목표: 계산된 속성은 Vuex 저장소의 상태가 변경될 때 트리거됩니다.
상태는 버튼으로 호출되는 메서드를 통해 변경됩니다.저장소가 변경된 후에 mapState가 변경됩니다.그런 다음 계산된 속성이 트리거됩니다.
계산된 속성:
computed: {
TransportItemsFiltered() {
return this.TransportItems.filter((i) => {
console.log('Filter ausgeführt')
return i.show == true;
}
);
},
...mapState({
TransportItems: state => state.articleDetails.transport,
loading: state => state.articleDetails.transportLoader
})
},
돌연변이 상태입니다.articleDetails.transport 변경 사항
SET_DATEFILTER_TRANSPORT(state, payload) {
console.log(payload.i)
console.log(payload.boolean)
state.transport[payload.i].show = payload.boolean
},
배열 참조를 업데이트합니다.
SET_DATEFILTER_TRANSPORT(state, payload) {
console.log(payload.i)
console.log(payload.boolean)
state.transport[payload.i].show = payload.boolean
state.transport = [...state.transport]
},
언급URL : https://stackoverflow.com/questions/72934581/vuex-mapstate-doesn%c2%b4t-trigger-computed-property
반응형
'programing' 카테고리의 다른 글
R 요인을 각 요인 수준에 대한 1/0 지시 변수 집합으로 자동 확장 (0) | 2023.07.01 |
---|---|
Firebase용 Cloud Functions의 로컬 환경 변수 설정 방법 (0) | 2023.07.01 |
typescript와 함께 localStorage.getItem() 사용 (0) | 2023.07.01 |
파이썬 3에서 인코딩 선언을 사용해야 합니까? (0) | 2023.07.01 |
루비에서 배열을 내림차순으로 정렬하는 방법 (0) | 2023.07.01 |