programing

상태로 전달된 더 많은 데이터, 올바르게 수행되지 않음

prostudy 2022. 3. 31. 20:45
반응형

상태로 전달된 더 많은 데이터, 올바르게 수행되지 않음

주(州)에서 저장해야 하는 미리 만들어진 상수가 있다.

 const day = "25/02/2020";
 const timeStart = "08:00";
 const timeEnd = "00:00";

내 vuex 파일 안에 내가 가지고 있는 것은 다음과 같다.

  export default new Vuex.Store ({
    state: {
       dateSelected: [], // selected date
    },
    mutations: {
      saveDateSelected (state, [newDateSelected, newTimeStart, newTimeEnd]) {
         const newobject = {
            DateStart: newDateSelected + "-" + newTimeStart,
            DateEnd: newDateSelected + "-" + newTimeEnd,
         };

         state.dateSelected.push (newobject);
      }
    },

구성 요소에 있는 데이터를 불러올 때 다음을 참조하십시오.

    this.saveDateSelected (day, timeStart, timeEnd);

"console.log"(이 항목.date 선택됨)를 수행하는 경우;"는 결과적으로 나에게 다음과 같은 것을 준다.

   DateEnd: "2 - /"
   DateStart: "2 - 5"

내게 필요한 경우:

  DateEnd: "25/02/2020 - 00:00"
  DateStart: "25/02/2020 - 08:00"

구성 요소에서 스토어 돌연변이 방법을 직접 호출하지 마십시오.대신 커밋 실행this.$store.commit('saveDateSelected, [day, timeStart, timeEnd])

또한 다음을 통해 구성 요소의 vuex 저장소에 올바르게 액세스하십시오.computed구성 요소의 속성

참조URL: https://stackoverflow.com/questions/65001647/more-data-passed-in-state-it-is-not-taken-correctly

반응형