vue (4) 썸네일형 리스트형 vuetify v-data-table expanded row 변형: 버튼 이벤트 추가 기존 vuetify의 v-data-table의 expand속성 사용시 show-expand속성을 빼고 해당 row클릭시 expand항목이 열리게 하는 방식으로 수정 추가: 그리드내에 버튼을 추가할 경우, 기존 @click:row이벤트와 겹쳐서 이벤트 중복이 일어날 경우 @click.stop="btnTest" 이런식으로 이벤트를 주면 중복이 일어나지 않는다. See the Pen Vuetify Example Pen by banisle (@banisle) on CodePen. vuetify picker한글 달력 기본 가 제공하는 캘린더보다, 일반적인 달력느낌이라서 사용중인데, locale속성을 단순히 ko-KR 한글로 바꾸면 아래와 같이, "dd일" 형식으로 보여져서 :day-format속성에 krGetDay 라는 메소드를 만들고 :day-format속성에 krGetDay 라는 메소드를 만들어 적용하면 krGetDay (date) { const day = date.split("-")[2]; const day_num = Number(day); return day_num; }, 따라다니는 메뉴 See the Pen Vuetify dynamic follow bar by banisle (@banisle) on CodePen. 전체메뉴 샘플 일반적인 2depth 확장 형태 See the Pen vue 전체메뉴 by banisle (@banisle) on CodePen. 이전 1 다음