Vuetify组合式导航抽屉

Question

我目前正在尝试在项目中实现组合的导航抽屉。 我的问题是当我尝试适应移动设备时。这意味着，如果我使用“正常”的显示/隐藏方式，则无法保留左侧导航抽屉（在移动设备上既小又漂亮）并切换另一个。

下面是一个示例：https://jsfiddle.net/3r87152u/

<v-navigation-drawer
    v-model="drawer"
    disable-resize-watcher
    width="100%"
  >
    <v-row class="fill-height" no-gutters>
      <v-navigation-drawer
        dark
        mini-variant
        mini-variant-width="56"
        permanent
      >

我希望能够在移动时隐藏右侧的导航抽屉并保留另一侧。由于左侧的导航抽屉在右侧的内部，因此我完全迷失了。有办法吗？谢谢您的帮助！