뷰 Vuex 부품 때 스토어의 변화하지 않습니다.

뷰 Vuex 부품 때 스토어의 변화하지 않습니다.

나는 뷰 Vuex과 반응도 공인을 받고 있다.나는 오픈 소스countdown 타이머를 사용하고 있습니다.때달러 가게,(페이지의 새로운 날짜 쇼)에서 사용 중인 항목 변화 그러나 데이터 카운트다운에 전달되item.dueDate 반응하는지 제대로 아래의 코드에서는 업데이트하지 않는다.그것은 낡은 값을 보유하고 있다.그러나 그것은 처음에 작동한다.그래서 갱신이 아니다.왜 안 되나요?고마워!

    <template>
        <v-layout>
            <v-flex>
                <v-card v-if="item">
                    <v-card-text>
                        <h3>Countdown {{item.name}} - {{item.dueDate}}</h3>
                    </v-card-text>
                    <Countdown v-if="item.dueDate" :deadline="item.dueDate"></Countdown>
                </v-card>
            </v-flex>
        </v-layout>
    </template>

    <script> 
    import Countdown from 'vuejs-countdown'

    export default {    
      components: { Countdown },
      computed: {
                activeItem(){
                return this.$store.getters.activeItem
            },
            item(){
                return this.$store.getters.loadedItem(this.activeItem)
            }
        }
    }
    </script>

문제는 나는 수입한 카운트다운 모듈과 함께 있었다.내가 바로 예상대로 왜 기기 업데이트하지 않았다면, 제가 보았다.

밤 카운트 다운 모듈은 단 한번에 장착되어 있는 데이터를 가져오거나 설정합니다.

    mounted() {
        this.date = Math.trunc(moment(this.deadline) / 1000)
        }

구성 요소 데이터의 변화로 페이지에 대해 그래서, 그리고 나서 또 업데이트하지 않았다.나는 묘기를 부려업데이트된 메서드를 추가할 모듈을 개조해서 이 해결...

    updated() {
        this.date = Math.trunc(moment(this.deadline) / 1000)
        }

건배합시다. S

언급URL:https://stackoverflow.com/questions/48104685/vue-vuex-component-not-updating-when-store-changes