[Vue.js] TopBar에 Drop down button 만들기

박예린·2024년 7월 10일

프로젝트 : TARZAN

목록 보기
7/12

현재상황

지금까지 만든 화면만들어야 할 화면

'뒤로 가기'버튼과 '편집'버튼이 있는 Topbar를 만드는 중이다. 저 설정 아이콘을 누르면 밑에 '수정하기'와 '삭제하기'가 있는 리스트가 열리도록 만들어야 한다.

근데 select는 스타일의 적용이 쉽지 않기 때문에 div박스를 대신 사용하여 만들려고 하였다. 근데 버튼을 눌렀을 때 리스트를 열리게 하는 게 쉽지 않아 애를 먹고 있다...



문제 원인

  1. 버튼을 '클릭하는 것'과 리스트가 '열고 닫히는 것'이 연동되지 않는다.
  2. '편집'버튼의 위치가 고정되지 않는다.

profile
멋진 개발자

0개의 댓글