Vuetify (v2.0.0)로 v-col xs 설정

vuetify(v2.0.0)부터는 v-col 로 Breakpoints 마다 grid 의 설정을 실시한다.
Breakpoints는 지금까지.



스마트 폰에서 Breakpoint는 xs입니다. 스마트폰과 그 이외로 그리드를 바꾸고 싶은 경우에, 잘 안 빠졌다.

결론

  <v-row>
     <v-col lg=9 md=9 sm=9 cols=3>
        aaa
     </v-col>
     <v-col lg=3 md=3 sm=3 cols=9>
        bbb
     </v-col>
  </v-row>

v-col 에는 cols 로 grid를 설정할 수 있지만 xl,lg,md,sm 에 관해서는 가늘게 설정할 수 있습니다.xs 는 왠지 설정할 수 없기 때문에, 이하와 같은 쓰는 방법이라고 잘 움직이지 않는다.

<v-col lg=9 md=9 sm=9 xs=3>

그래서 cols로 전체 grid를 설정해 두고 xl,lg,md,sm 의 설정을 덮어쓰고, 스마트폰과 그 이외의 grid를 변경할 수밖에 없는 모양.

issue는 올랐다 (2019/08/24)
htps : // 기주 b. 코 m / ゔ 에치 fyjs / ゔ 에치 fy / 이스에 s / 8672