Vuex 다중 패싱 어레이 또는 기타 방법

Vuex 다중 패싱 어레이 또는 기타 방법

체크 박스 버튼이 있는 컴포넌트 필터가 있습니다.버튼을 클릭하면 api는 이 카테고리의 20개의 제품을 제공합니다.그리고 그것들은 페이지에 표시됩니다.

요소

    this.$store.commit(
     'showFilteredList',
     response.data.items
    );

filter.filter.filter.filter.filter.

    state: {
     filteredBrands: []
    },

    mutations: {
     showFilteredList(state, payload) {
     if(payload.length < 1) {
      console.log('clear');
     } else {
      state.filteredBrands = payload;
      }
     }
    }

문제는 체크박스를 1개 더 선택하면 카테고리의 다른 제품이 도착하고 이전 제품이 덮어쓰기된다는 것입니다.state.filteredBrands = payload;, 이 회선에 관련지어져 있습니다.그렇지만state.filteredBrands.push(payload)작동하지 않습니다.일반적으로 2개 이상의 체크박스를 선택했을 때 페이지에 상품을 표시하고 싶기 때문에 어느 하나의 체크박스를 끄면 상품이 삭제됩니다.

무엇을 변경하거나 추가해야 합니까?

언급URL : https://stackoverflow.com/questions/70304770/vuex-multiple-passing-arrays-or-some-other-way