네이티브 스크립트는 vuex 요청이 완료될 때까지 요청을 기다립니다.

네이티브 스크립트는 vuex 요청이 완료될 때까지 요청을 기다립니다.

로그인 페이지가 있습니다.vue와 나는 사용자가 이미 로그인한 경우 Home Component로 이동하고 그렇지 않으면 그대로 유지되는 전략을 사용하고 있습니다.

마이코드

mounted() {
  this.checkAlreadyLoggedIn();
},
methods: { 
 async checkAlreadyLoggedIn() {
   this.busy = true;
   await this.$store.dispatch("attempt");
   this.busy = false;
   if (this.$store.getters.loggedIn) {
     this.$navigateTo(Home, {
      clearHistory: true
     });
   }
 },
}

서버에 작업 요청을 시도하고 사용자 세부 정보를 가져오지만 트리거된 것 같습니다.this.$store.getters.loggedIn빠른

감사합니다.

getter를 체크하기 전에 적절히 대기하고 비지 상태를 트리거하기 위해 에서 약속을 반환합니다.attempt액션:

attempt({ state, commit }) {
  return axios.post(...)  // <-- Returning the promise manually
  .then(response => {
    // Commit change
  })
},

또는 비동기/대기:

async attempt({ state, commit }) { // <-- async keyword returns promise automatically
  const response = await axios.post(...);
  // Commit change
}

여기 데모가 있습니다.

언급URL : https://stackoverflow.com/questions/61133632/nativescript-wait-for-request-until-vuex-complete-request