programing

Vuex - 여러 탭에 걸쳐 스토어 업데이트를 유지하는 방법

sourcetip 2022. 7. 9. 09:46
반응형

Vuex - 여러 탭에 걸쳐 스토어 업데이트를 유지하는 방법

나는 Vuex를 사용하는 Vue 앱을 가지고 있다.두 개의 탭이 열려 있는 경우, 한 탭의 스토어에 대한 변경 내용이 다른 탭에 표시되지 않습니다.

모든 탭의 저장/데이터가 즉시 동기화되도록 하려면 어떻게 해야 합니까?

const store = new Vuex.Store({
  state: {
    tasks: []
  },
  getters: {
    tasks: state => state.tasks
  }
}

템플릿:

computed: {
  tasks: function () {
    return this.$store.getters.tasks
  }
}

기본적으로는 작동하지 않습니다.vuex-shared-mutations를 사용할 수 있습니다.여기를 참조해 주세요.https://github.com/xanf/vuex-shared-mutations

언급URL : https://stackoverflow.com/questions/53563268/vuex-how-to-persist-store-updates-across-different-tabs

반응형