vuetify speed-dial keep open

clean·2021년 7월 20일
0

Vuetify Speed Dial Copompents 사용 중 문제가 있었다.

가장 아래있는 버튼을 누르면 위에 버튼 (휴지통,+,연필) 이 뜨는데..
버튼 외 다른 부분을 클릭하면 자꾸 dial(휴지통,+,연필)이 닫힌다. (버튼 사이를 클릭하거나, dial 외 부분을 클릭하거나)
vuetify 2.2.28 버전에서는 위와 같은 문제가 없었다.

해당 컴포넌트 외 다른 부분을 클릭하면 다시 dial이 닫히도록 되어있는 부분을 발견했다.

의도된 동작인듯 하지만,, 다른 곳을 클릭해도 dial이 계속 활성화 되어있으면 하므로
마운트 시 _clickOutSide 이벤트를 삭제하도록 처리했다.

=> 음.. 삭제했더니 에러폭탄,, 안에 handler를 바꾸는 방식으로 처리해야겠다.
=> 그냥 버튼 여러개 만들어서 직접 transition, 배치해주는게 빠르군

0개의 댓글