Skip to content
Snippets Groups Projects
Select Git revision
  • d811b027ecc28a9166eb062975864b26c2deb2c9
  • master default protected
  • css2
  • css
4 results

Nav.vue

Blame
  • 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>