Vue/Vuetify1 [Navigation Drawer] 1264px에서 자동으로 접히는 문제 Mobile-Breakpoint kdg99.link 위는 Vue랑 포트폴리오 연습용으로 만든 웹서버인데 메뉴가 적당한 크기에서 알아서 접히는 구조다. 지인에게 보여주려고 모바일로 접속하고 보니 사이드메뉴가 접혀서 보이지 않았다. 그래서 접힌 메뉴를 열 수 있는 버튼을 만들어주고, 원하는 크기에서 메뉴가 자동으로 접힐 수 있도록 했다. MainPageView에 표시될 MainPageComponent의 템플릿 구조로 헤더(app bar) + 메뉴(nav drawer) + 메인(v-card)로 이뤄져 있다. 일단 헤더에 버튼을 추가해주기 위해 Navigation drawer 항목에서 메뉴 버튼을 가져와서 이벤트를 붙여 줬다. drawer 변수를 MainPage에 둘 것이기 때문에 $emit을 이용해 부모 컴포넌트에 이벤트를 발생시키고 Mai.. 2023. 6. 9. 이전 1 다음
