source

Vuex getter가 업데이트되지 않음

factcode 2022. 9. 14. 22:12
반응형

Vuex getter가 업데이트되지 않음

Date Picker를 사용하여 데이터 피커를 설정하고 있습니다.moment.jsVuex 스토어에서 설정되는 날짜:

저장 상태:

const state = {
    arrival: '',
    departure: ''
}

취득자:

const getters = {
    arrival: state => state.arrival,
    departure: state => state.departure,

    prettyArrival: (state) => {
        if (state.arrival instanceof moment) {
            return state.arrival.format(state.prettyFormat);
        }

        return '';
    }
}

vuex 스토어에서 도착 상태(즉,moment.jsobject)는 devtools가 업데이트 및 원래 상태가 변경되었음을 명확하게 확인할 수 있기 때문입니다.

pretty Arrival이 제대로 업데이트되지 않았습니다.도착이 빈 문자열에서 빈 문자열로 변경될 때 한 번만 설정됩니다.moment.js물건.

도착 getter는 다음과 같이 devtools에 표시됩니다.

arrival:"2017-07-21T09:15:53.770Z"

로그를 작성하면moment.js가 포함된 것 같지만 반대하다reactiveGetters그리고.reactiveSetters반응성이 제자리인 것 같아요

getter 설정 방법에 문제가 있나요? 아니면 여기에 다른 문제가 있나요?

어떤 팁이라도 좋으니, 더 필요한 정보가 더 필요하시면 말씀하세요.

해결책은 다음과 같습니다.

vue.js가 moment.js를 사용하여 dom을 날짜 선택기로 업데이트하지 않는 이유는 무엇입니까?

아직 제대로 업데이트되고 있는 입력이 몇 개 남아 있었기 때문에 이 경우는 아닌 것 같습니다.그걸 어떻게 작동시켰는지는 아직 풀어야 할 수수께끼야

moment.js 인스턴스는 반응하지 않으므로 moment.js 인스턴스를 생성자에 던져 수정하고 다음과 같이 설정할 때마다 새 인스턴스를 생성할 수 있습니다.

moment(this.currentDate)

this.currentDate이 경우 moment.instance입니다.

언급URL : https://stackoverflow.com/questions/45186320/vuex-getter-will-not-update

반응형