53 lines
1.0 KiB
Vue
53 lines
1.0 KiB
Vue
<template>
|
|
<section>
|
|
<nav
|
|
class="container is-flex is-justify-content-space-between has-text-white is-align-items-center"
|
|
>
|
|
<h2>{{ usuario }}</h2>
|
|
<b-button type="is-danger is-small my-1 rojo" @click="cerrarSesion()"
|
|
>Cerrar Sesión</b-button
|
|
>
|
|
</nav>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
usuario: localStorage.getItem("usuario")
|
|
? localStorage.getItem("usuario")
|
|
: "",
|
|
};
|
|
},
|
|
// created() {
|
|
// if (
|
|
// !localStorage.getItem("usuario") ||
|
|
// !localStorage.getItem("idUsuario") ||
|
|
// !localStorage.getItem("idTipoUsuario") ||
|
|
// !localStorage.getItem("nombre") ||
|
|
// !localStorage.getItem("tipoUsuario") ||
|
|
// !localStorage.getItem("token")
|
|
// )
|
|
// this.$router.push("/");
|
|
// },
|
|
methods: {
|
|
cerrarSesion() {
|
|
localStorage.clear();
|
|
|
|
this.$router.push("/");
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
section {
|
|
background-color: #bb8800;
|
|
}
|
|
|
|
.rojo {
|
|
background-color: #dc3545;
|
|
}
|
|
</style>
|