반응형
상태로 전달된 더 많은 데이터, 올바르게 수행되지 않음
주(州)에서 저장해야 하는 미리 만들어진 상수가 있다.
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
반응형
'programing' 카테고리의 다른 글
렌더에서 다시 호출 기능을 중지하는 방법 (0) | 2022.03.31 |
---|---|
[부유 경고]:요소를 찾을 수 없음 (0) | 2022.03.31 |
Vue.js—v-model과 v-bind의 차이 (0) | 2022.03.31 |
수퍼마켓은 논쟁없이 무엇을 하는가? (0) | 2022.03.31 |
여러 번 마운트된 반응 및 반응 라우터 비동기 구성 요소(구성 요소DidMount를 여러 번 호출함) (0) | 2022.03.31 |