Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Computed não atualiza a barra de navegação

Segue o código:

<div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto" v-if="usuarioestaLogado">
          <li class="nav-item">
            <router-link class="nav-link" to="/">Home</router-link>
          </li>
          <li class="nav-item">
            <router-link to="/gerentes" class="nav-link">
              Gerentes
            </router-link>
          </li>
          <li>
               <a href="#"
               class="nav-link"
                @click.prevent="efetuarLogout">Logout</a>
            </li>
        </ul>
        <ul class="navbar-nav mr-auto" v-else>
          <li class="nav-item">
            <router-link class="nav-link" to="/login">Login</router-link>
          </li>
          <li class="nav-item">
            <router-link to="/cadastra-se" class="nav-link">
              Registre-se
            </router-link>
          </li>
        </ul>
      </div>

e no script:

computed: {
    usuarioestaLogado () {
      return Boolean(localStorage.getItem('token'))
    }
  }

O que estou fazendo de errado ?

1 resposta
solução!

A reposta esta no próximo vídeo.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software