Как настроить панель инструментов, которая будет исправлена ​​в vuetify?

Question

В Vuetify я использую панель инструментов

    <v-toolbar dark color="primary">
        <v-toolbar-side-icon @click.stop="drawer.drawer = !drawer.drawer"></v-toolbar-side-icon>
        <v-toolbar-title>{{drawer.title}}</v-toolbar-title>
    </v-toolbar>
    <router-view v-bind:page="pageData"></router-view>

Но я хочу, чтобы это было исправлено, а не перекрывалось содержимым vuerouter. Как я могу это сделать? Я попытался поставить fixed, но он все еще перекрывается.

Спасибо

Answer 1

Поскольку версия 2.0.0 v-toolbar не исправима, используйте v-app-bar https://vuetifyjs.com/en/components/app-bars

Answer 2

1. Добавить атрибут app на панель инструментов
2. Поместите содержимое розетки маршрутизатора в элемент v-content.
3. Наконец, убедитесь, что весь Шебанг находится внутри элемента v-app.