我需要在應用程序布局的左側放置一個垂直導航欄，并將內容全部放在右側。就目前情況而言，我不能這樣做。我的導航欄將所有內容向下推。我怎樣才能解決這個問題？這就是我的App.vue's模板的樣子：<template>? ? <div id="app">? ? ? ? <v-app>? ? ? ? ? ? <navbar/>? ? ? ? ? ? <v-main>? ? ? ? ? ? ? ? <v-container class="main-container">? ? ? ? ? ? ? ? ? ? <router-view/>? ? ? ? ? ? ? ? </v-container>? ? ? ? ? ? </v-main>? ? ? ? </v-app>? ? </div></template>對于navbar我正在使用 vuetify 的組件，特別是迷你導航欄?根據示例代碼，它當前的樣子如下：<template>? ? <v-navigation-drawer? ? ? ? v-model="drawer"? ? ? ? :mini-variant.sync="mini"? ? ? ? permanent? ? >? ? ? ? <v-list-item class="px-2">? ? ? ? ? ? <v-list-item-avatar>? ? ? ? ? ? ? ? <v-img src="https://randomuser.me/api/portraits/men/85.jpg"></v-img>? ? ? ? ? ? </v-list-item-avatar>? ? ? ? ? ? <v-list-item-title>John Leider</v-list-item-title>? ? ? ? ? ? <v-btn? ? ? ? ? ? ? ? icon? ? ? ? ? ? ? ? @click.stop="mini = !mini"? ? ? ? ? ? >? ? ? ? ? ? ? ? <v-icon>mdi-chevron-left</v-icon>? ? ? ? ? ? </v-btn>? ? ? ? </v-list-item>? ? ? ? <v-divider></v-divider>? ? ? ? <v-list dense>? ? ? ? ? ? <v-list-item? ? ? ? ? ? ? ? v-for="item in items"? ? ? ? ? ? ? ? :key="item.title"? ? ? ? ? ? ? ? link? ? ? ? ? ? >? ? ? ? ? ? ? ? <v-list-item-icon>? ? ? ? ? ? ? ? ? ? <v-icon>{{ item.icon }}</v-icon>? ? ? ? ? ? ? ? </v-list-item-icon>? ? ? ? ? ? ? ? <v-list-item-content>? ? ? ? ? ? ? ? ? ? <v-list-item-title>{{ item.title }}</v-list-item-title>? ? ? ? ? ? ? ? </v-list-item-content>? ? ? ? ? ? </v-list-item>? ? ? ? </v-list>? ? </v-navigation-drawer></template><script>import { Component, Prop, Vue } from 'vue-property-decorator';@Component<Navbar>({})export default class Navbar extends Vue {? ? private value: string = 'home';? ? private drawer: boolean = true;? ? private items: Array<Object> = [? ? ? ? { title: 'Home', icon: 'mdi-home-city' },? ? ? ? { title: 'My Account', icon: 'mdi-account' },? ? ? ? { title: 'Users', icon: 'mdi-account-group-outline' }? ? ]? ? private mini: boolean = true;}</script>正如上面提到的，這仍然只是將應用程序的所有內容向下推。這是目前的樣子：我該怎么做才能使導航欄在左側但在右側