Select Git revision
schedule.js
Nav.vue 1.33 KiB
<template>
<div class="nav">
<div class="profile">
<div v-if="isLogin === false">
<h4>Hi</h4>
</div>
<div v-if="isLogin === true">
<p>{{userInfo.name}}</p>
<p>{{userInfo.univ}}</p>
<p>{{userInfo.department}}</p>
<p>{{userInfo.sid}}</p>
</div>
<hr>
</div>
<div id="menu">
<router-link to='/'>Home</router-link><br>
<router-link to='/login' v-if="isLogin === false">로그인</router-link><br>
<router-link to='/mypage' v-if="isLogin == true">마이 페이지</router-link><br><br>
<router-link to='/club' v-if="isLogin == true">동아리 구경</router-link><br><br>
<li style="list-style:none;" v-if="isLogin == true">내 동아리</li><br><br><br><br>
<div @click="$store.dispatch('logout')">
<router-link to='/' v-if="isLogin == true">로그아웃</router-link><br><br>
</div>
</div>
</div>
</template>
<script>
import {mapState} from "vuex"
export default {
name: 'Nav',
data() {
return {
}
},
computed:{
...mapState(['isLogin']),
...mapState(['userInfo'])
}
}
</script>
<style>
.nav {
text-align: center;
}
</style>