programing

Vuex mapState가 계산된 속성을 트리거하지 않음

starjava 2023. 7. 1. 07:57
반응형

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

반응형