Vuetify2からVuetify3へのバージョンアップでabsoluteとfixedの指定の方法が変わった
今回はVuetify2からVuetify3へのバージョンアップにより、今まで使っていたabsoluteとfixedの指定の方法が変わったという話をしていきます。
バージョンアップ後のNuxt.jsのバージョンは3.11.2で、バージョンアップ後のVuetifyのバージョンは3.7.1です。
Vuetify2からVuetify3へのバージョンアップでabsoluteとfixedの指定の方法が変わった
Vuetify2からVuetify3へのバージョンアップでabsoluteとfixedの指定の方法が変わりました。
今までのVuetify2では例えばv-navigation-drawerなどについて
|
1 2 3 4 |
<v-navigation-drawer fixed > </v-navigation-drawer> |
のような指定の方法をしていたと思いますが、これを
|
1 2 3 4 |
<v-navigation-drawer position="fixed" > </v-navigation-drawer> |
に変える必要があります。
Vuetifyのバージョンアップガイドにも記載されております。
https://vuetifyjs.com/ja/getting-started/upgrade-guide/
終わりに
今回はVuetify2からVuetify3へのバージョンアップにより、今まで使っていたabsoluteとfixedの指定の方法が変わったという話をいたしました。