추가영상 Index.html 자세히 알아보기 강의에서
강의에서 나와있는데로 <v-navigation-drawer> 옆에 clipped를 추가하고 <v-app-bar> 옆에 clipped-left를 추가했습니다.
그렇게 해도 강의와는 다르게 페이지의 네비게이션 바가 페이지 위 Application 바 밑으로 들어가지 않습니다. 어떤게 문제인지 알려주시면 감사하겠습니다
Answer 2
1
안녕하세요. 독자님.
Vuetify 3.x가 출시되면서, 2.x와 달라진 점이 꽤 많은 편입니다.
질문하신 내용도 그 중 하나인데요. 예전에 사용하던 clipped, app 속성 등이 제거되었습니다.
그래서 3.x 버전에서는, v-app-bar 와 v-navigation-drawer 의 모양은 소스의 위치로 결정됩니다.
좀더 편해진 면이 있습니다만, 공부하는 분은 혼동스러울 것입니다.
제공된 소스에, 3.x 버전 소스가 들어 있으니, 아래 파일을 참고 바랍니다.
~/src/components/MainMenu.vue
본 강의가 Vuetify 2.x 버전 기준이라, 이 버전에 맞춰 공부하는 것도 한 방법이지만,
3.x 버전에서 크게 달라졌기 때문에, 조금 힘들더라도 3.x 버전으로 공부하기를 저는 추천하고 있습니다.
이 경우 공식 도큐먼트를 참고하는 게 많이 도움이 됩니다.
감사합니다.
0
저도 같은 문제가 있는데요. 혹시 소스코드는 어디서 받을 수 있을 까요?
최신 현행화 영상 Play 안됩니다.
0
293
2
뷰 폴더 복사하기 configureWebpack 에러
1
421
2
webpack devserver 에러
0
286
2
VUE에서 라우터를 쓰면 django랑 연동이 안되나요?
0
274
1
배포 관련 질문입니다
0
256
1
formdata 와 json responser
0
362
1
axios url 질문이 있습니다
0
270
1
질문
0
246
1
질문입니다 !!
0
236
2
Post model
0
251
1
taggit
0
310
1
질문입니다 !!
0
179
1
질문이 있습니다.. !!
0
228
1
context 변수
0
226
1
AUTH_USER_MODEL
0
202
1
npm run serve 후 빈페이지
0
758
1
build 오류
0
563
2
axios
0
264
1
filemanager webpack plugin
0
362
2
vue 버전
0
306
2
row 행 클릭 오류
0
414
2
post-list.html - test 화면표시
0
379
1
장고 모델의 ForeignKey 관련 해서
0
267
1
비밀번호 변경기능 만들기에서 비밀번호 변경은 되는데 에러가 나요
0
334
1