Vue卡中的Vuetify导航抽屉

时间:2019-02-21 16:22:24

标签: vue.js vuetify.js

如何将导航抽屉放入v卡而不是整个应用程序中?

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

<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卡左侧始终可见。

1 个答案:

答案 0 :(得分:0)

尝试

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