diff --git a/src/App.vue b/src/App.vue index 101201196f8b2055d99f187a56a602b49a8aed59..721aaa77494f76f995cb3e15258b2eecd627f84a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -47,24 +47,26 @@ </v-list-item-content> </v-list-item> <!--동아리 메뉴--> - <v-menu offset-x v-if="isLogin === true"> - <template v-slot:activator="{ on }"> - <v-list-item v-for="(club, index) in clubs" :key="index"> - <v-btn v-on="on" block style="margin-bottom:15px">{{club.club}}</v-btn> - </v-list-item> - </template> - <v-list> + <div v-if="isLogin === true"> + <v-menu offset-x v-for="(club, index) in clubs" :key="index"> + <template v-slot:activator="{ on }"> <v-list-item> - <v-btn block router :to="{name: 'club_manage'}">동아리 관리</v-btn> - </v-list-item> - <v-list-item> - <v-btn block router :to="{name: 'club_post'}">게시판</v-btn> + <v-btn v-on="on" block style="margin-bottom:15px">{{club.club}}</v-btn> </v-list-item> - <v-list-item> - <v-btn block router :to="{name: 'club_calendar'}">공용 캘린더</v-btn> - </v-list-item> - </v-list> - </v-menu> + </template> + <v-list> + <v-list-item> + <v-btn block router :to="{name: 'club_manage'}">동아리 관리</v-btn> + </v-list-item> + <v-list-item> + <v-btn block router :to="{name: 'club_post'}">게시판</v-btn> + </v-list-item> + <v-list-item> + <v-btn block router :to="{name: 'club_calendar'}">공용 캘린더</v-btn> + </v-list-item> + </v-list> + </v-menu> + </div> </v-list> </v-navigation-drawer> @@ -98,7 +100,11 @@ import {mapState} from "vuex" drawer: null, clubs:[ {id:1, club:'club1'}, - {id:2, club:'club2'} + {id:2, club:'club2'}, + {id:3, club:'club3'}, + {id:4, club:'club4'}, + {id:5, club:'club5'}, + {id:6, club:'club6'} ] }), computed:{