vuex 存储不刷新计算属性

Question

按照这个网址http://stackabuse.com/single-page-apps-with-vue-js-and-flask-state-management-with-vuex/的教程，我遇到了一个问题，即store中的状态改变后，计算属性中的函数没有自动调用。相关代码如下：

Survey.vue

computed: {
    surveyComplete() {
      if (this.survey.questions) {
        const numQuestions = this.survey.questions.length
        const numCompleted = this.survey.questions.filter(q =>q.choice).length
        return numQuestions === numCompleted
    }
    return false
    },
    survey() {
      return this.$store.state.currentSurvey
    },
    selectedChoice: {
      get() {
        const question = this.survey.questions[this.currentQuestion]
        return question.choice
      },
      set(value) {
        const question = this.survey.questions[this.currentQuestion]
        this.$store.commit('setChoice', { questionId: question.id, choice: value })
      }
    }
  }

选择调查问题中的单选按钮时，SelectedChoice将改变商店中的状态。然而，surveyComplete 方法没有同时被调用。有什么问题？提前致谢！

Answer 1

surveyComplete() 方法不会“窥探”您的商店，它只会在您更改 this.survey.questions 时更新。因此，如果您修改 store，surveyComplete 内部将不会发生任何事情。你可以在方法中使用 store。