Как изменить маршрут страницы vuejs на основе значения, хранящегося в vuex?

Question

Я сохранил эту переменную companyName в моем магазине Vuex. И я хочу изменить страницу загрузки по умолчанию, записанную в файле маршрутизатора. 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)
        })
    })
}

}

Answer 1

Вы можете создать упаковщик страниц и вызвать 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>