两个v型导航抽屉并排

Question

我正在尝试让两个应用程序导航抽屉并排出现，就像this一样

但我不能让它工作。我试图将它们包裹在网格中，使它们并排出现，但它们似乎是在彼此下面。如何将第二个导航抽屉翻转到另一个旁边？

    <v-container>
  <v-row>
    <v-col cols="6">
      <v-navigation-drawer
        v-model="drawer"
        app
        class="Carbon"
        :src="'./nav/' + randomPic"
      >
      </v-navigation-drawer>
    </v-col>
    <v-col cols="6">
      <v-navigation-drawer
        v-model="drawer"
        app
        class="Carbon"
        :src="'./nav/' + randomPic"
      >
      </v-navigation-drawer>
    </v-col>
  </v-row>
</v-container>

Answer 1

不需要使用grid。只需将它们放入<v-layout></v-layout>中并删除app即可。如下所示：

  <v-layout>
    <v-navigation-drawer
      v-model='drawer'
      class='Carbon'
      :src="'./nav/' + randomPic"
    >
    </v-navigation-drawer>
    <v-navigation-drawer
      v-model='drawer'
      class='Carbon'
      :src="'./nav/' + randomPic"
    >
    </v-navigation-drawer>
  </v-layout>