Vuex 저장소 상태가 업데이트되지 않음

Vuex 저장소 상태가 업데이트되지 않음

스토어 d3 상태가 갱신되지 않는 이유는 무엇입니까?

<script>
import HorizontalLinearityGraph from "@/components/HorizontalLinearityGraph";
export default {
  components: {HorizontalLinearityGraph},
  data: () => ({
    model: null,
    d1:[25,50,75,100,125,150,175,200,225,250],
    d2:[50,75,100,125,150,175,200,225,250,275],
    d3:[],
  }),
  methods: {
      d3Fill() {
        for (let i =0; i < 10; i++){
          this.d3[i] = this.d2[i] - this.d1[i];
        }
        this.$store.commit('addHorizontalData', this.d3)
      }
  }
}
</script>

다음은 "addHorizontalData"에 대한 돌연변이입니다.

mutations: {
        addHorizontalData(state, d3){
            state.d3Horizontal(d3)
        }
    },

그리고 여기가 주정부입니다.컴포넌트의 d1, d2, d3과 같은 단순한 변수입니다.

state: {
        d3Horizontal:[],
    },

풀스토어:

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)


export default new Vuex.Store({
    state: {        
        d3Horizontal:[],
    },
    mutations: {       
        addHorizontalData(state, d3){
            state.d3Horizontal(d3)
        }
    },   
})

하고 있는 「 」의 「 」가일 가능성이 .d3Horizontal 코드는 다음과 같습니다따라서 코드는 다음과 같습니다.

mutations: { addHorizontalData(state, d3){ state.d3Horizontal = d3; } }

언급URL : https://stackoverflow.com/questions/71024543/vuex-store-state-not-being-updated