Question

我已将此变量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)
        })
    })
}

}

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>

如何根据vuex中存储的值更改vuejs页面的路由？

1 个答案: