无法在vuetify中使用多个<v-app-bar>

Question

我想使用多个显示徽标和菜单。 [！[在此处输入图片描述] [1]] [1]

我只想在一个v-app-bar中显示徽标，而在另一个v-app-bar中显示菜单。我的代码类似于这样。请帮助我

<v-app-bar app flat>
        <v-img
          :src="require('@/assets/test.png')"
          class="mr-5"
          contain
          height="170"
          width="200"
          max-width="170"
          :to="{ name: 'home' }"
        /> 
        </v-col>
        <v-col cols="4">
         <v-img
          :src="require('@/assets/test.png')"
          class="mr-5 ml-5"
          contain
          height="170"
          width="200"
          max-width="170"
          :to="{ name: 'dashboard' }"
        />
      </v-col>
       <v-col cols="4">
         <v-img
          :src="require('@/assets/test.png')"
          class="mr-5"
          contain
          height="170"
          width="200"
          max-width="170"
          :to="{ name: 'home' }"
        /> 
    <v-container class="mx-auto py-0">
    <v-row width="100%">  
          <router-link :to="{ path: '/' }" class="link">Home</router-link>     
        <v-menu offset-y>
          <template v-slot:activator="{ on, attrs }">     
              <router-link :to="{ name: 'contact' }" class="link"> Contact Us</router-link>           
          </template>
        </v-menu>
      </v-row>
    </v-container>
  </v-app-bar>