如何创建嵌套的vuetify导航抽屉？

Question

在这里我有一个案例，我有一个导航抽屉，我想在其中固定带有图标，而我想要另一个导航抽屉，它可以在不与固定抽屉重叠的情况下打开和关闭。我有导航抽屉，但实际上它与整个抽屉重叠。 这是指向pen的链接。

return subFlow(new FinalityFlow(signedTx, Collections.emptyList()));

new Vue({
  el: '#app',
  data() {
    return {
      actions: [{
          icon: 'android'
        },
        {
          icon: 'dashboard'
        },
        {
          icon: 'question_answer'
        },
      ],
      drawer: false
    }
  }
})

同样，导航抽屉应该在固定抽屉旁边打开，并且不要与之重叠。我正在使用vuetify 1.5

Answer 1

仅凭道具是不可能做到的。您可以在打开第二个抽屉时添加一些自定义CSS ...

.v-navigation-drawer--open.d2 {
    left: 70px;
    box-shadow: 0 0 0 0;
}

Codeply