More than 5 years have passed since last update.

【Vuetify】<v-app-bar>を<v-content>にかぶらないようにする

Last updated at 2019-09-29Posted at 2019-09-29

はじめに

<v-app-bar>において特に属性を指定せずに<v-content>を用いると以下のようにページをロードした初期画面において<v-content>領域が<v-app-bar>領域を隠してしまうので、解決方法を紹介する。

app属性を指定する。

<template>
  <v-app>
    <v-app-bar app>
      ...
    </v-app-bar>
...
</template>

こちら（公式）を参考。
最近Vuetifyを触り始めたのだが、公式サイトの情報のわかりやすさに感心した。ただ各コンポーネントの属性値などの日本語紹介は公式サイトではまだ一部しか書かれておらず本題の方法が未記入だったため、こちらに投稿する。