728x90 Tab1 Vue Swipe Tabs 구현 탭을 스와이프해서 넘기는 것을 구현하고자 한다. vuetify 라이브러리를 사용 할수도 있지만 세부 커스터 마이징이 어려워서 라이브러리를 쓰진 않았다. HTML - 이벤트 캐치할 div - 탭의 개수만큼 Transition 생성 - 선택된 탭만 보이도록 하위 div에서 v-if 조건으로 설정한다. JS /* TAB 관련 Method */ switchtab (n) { if (this.activetab > n) { this.transition = 'slide-prev' } else if (this.activetab < n) { this.transition = 'slide-next' } }, start (e) { this.settouchpos(e, 'start') }, move (e) { this.settou.. 2020. 10. 8. 이전 1 다음 728x90