vue.js - v-card 中的 Vuetify 抽屉导航

Question

如何将抽屉导航放在 v-card 中而不是整个应用程序中？

我的全局抽屉导航运行良好，但我需要在 v-card 中设置其他临时抽屉导航。

<v-card @contextmenu="getCursor">
    <v-navigation-drawer temporary absolute v-model="drawer">
      <p>Test navigation drawer</p>
    </v-navigation-drawer>
    <v-toolbar dark class="secondary" fluid dense>
      <v-toolbar-side-icon @click.stop="drawer = !drawer"></v-toolbar-side-icon>
      <v-toolbar-title>Calendar week</v-toolbar-title>
      ...
      ...
    </v-toolbar>
  ...
  ...
</v-card>

这显示了抽屉导航很好，但始终在 v-card 的左侧可见。

Answer 1

尝试

<v-navigation-drawer temporary fixed v-model="drawer">