Пожалуйста, обратите внимание, что пользователь заблокирован
Код:
ERROR [Vue warn]: Error in render: "TypeError: Cannot read property 'username' of null"
found in
---> <Navbar> at components/layout/Navbar.vue
<Layouts/default.vue> at layouts/default.vue
<Root>
Navbar.vue
Код:
<template>
<nav class="navbar is-light" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<nuxt-link
:to="{ name: 'index'}"
:class="['navbar-item']"
>
<!--<img src="https://bulma.io/images/bulma-logo.png" width="112" height="28">-->
Welcome
</nuxt-link>
</div>
<div class="navbar-menu">
<div class="navbar-end">
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link">
<b-icon icon="account-circle" />
<span>{{ this.$auth.user.username }}</span>
</a>
<div class="navbar-dropdown">
<nuxt-link
:to="{ name: 'profile'}"
:class="['navbar-item']"
>
Profil
</nuxt-link>
<hr class="navbar-divider">
<nuxt-link
:to="{ name: 'logout'}"
:class="['navbar-item']"
>
Logout
</nuxt-link>
</div>
</div>
</div>
</div>
</nav>
</template>
<script>
export default {
name: 'Navbar',
watch: {
$route (to, from) {
this.dismissWelcomeMessage()
}
},
methods: {
dismissWelcomeMessage () {
this.$store.commit('modules/welcomeMessage/dismissWelcomeMessage')
}
}
}
</script>
default.vue
Код:
<template>
<div>
<Navbar />
<section class="section">
<NotifcationBar />
<div class="columns">
<Menu />
<nuxt />
</div>
</section>
<Footer />
</div>
</template>
<script>
import Navbar from '@/components/layout/Navbar'
import Menu from '@/components/layout/Menu'
import Footer from '@/components/layout/Footer'
import NotifcationBar from '@/components/layout/NotificationBar'
export default {
components: {
Navbar,
NotifcationBar,
Menu,
Footer
}
}
</script>
Последнее редактирование: