vuex에 저장된 값을 기반으로 vuejs 페이지의 경로를 변경하려면 어떻게 해야 합니까?

vuex에 저장된 값을 기반으로 vuejs 페이지의 경로를 변경하려면 어떻게 해야 합니까?

이 변수 companyName을 vuex 스토어에 저장했습니다.또한 값이 변경될 때마다 router.js 파일 내에 기재되어 있는 기본 로딩 페이지를 변경하려고 합니다.

component: function () {
                    return (store.state.user.companyName ? import("A.vue") : import("B.vue"));
                }
            },

여기 vuex 파일이 있습니다.

const actions = {
fetchUserData({commit}) {
    return new Promise((resolve, reject) => {
        UserDetails.getUser().then(response => {
            userDetails.name = response.data.name,
            UserDetails.getCompany().then(response => {
                userDetails.companyName = response.data.companyName
                commit('updateUserDetails', userDetails)
            })
            resolve(response)
        })
    })
}

}

래퍼에 포함된 페이지를 생성하고 표시할 2개의 페이지를 호출할 수 있으며 다음과 같은 경우 v-if를 사용할 수 있습니다.

// Page Wrapper
<template>
<div>
   <Page1 v-if="$store.state.user.companyName === 'test'">
   <Page2 v-if="$store.state.user.companyName === 'test2'">
</div>
</template>

언급URL : https://stackoverflow.com/questions/60081914/how-to-change-route-of-a-vuejs-page-based-on-a-value-stored-in-vuex