Я настраиваю глобальную проверку пользователя, если LoggedIn
или нет для рендеринга компонентов в NuxtJS, но я не могу это сделать. Пожалуйста, помогите мне.
Я записываю вычисленные в компоненты оболочки (layouts / default.vue)
~ / макеты / default.vue
<template>
<router-view></router-view>
</template>
<script>
import { mapState } from 'vuex'
export default {
computed: {
computed: {
...mapGetters({
LoggedIn: 'authUser'
})
}
}
}
</script>
Но я не могу использовать его на дочерних компонентах / страницах.
~ / страницы / index.vue
<template>
<div class="index-page">
<div class="" v-if="LoggedIn">
asdasd
</div>
</div>
</template>
<script>
export default {
mounted() {
console.log(this.LoggedIn)
// Result: Undefined
}
}
</script>