Vue.js 如何使用两个v型抽屉？

我想在我的申请中使用两个v型抽屉。 我想把第二个v-navigation-drawer放在v-app的v-content上

这张图片，我把样本图片放在v-content里面

因为，我创建了路线。当在第二个v-navigation-drawer的项目中单击时，将打开v-navigation-drawer旁边的另一个组件

例：

blabla/设置/配置文件

blabla/settings/conf

链接：

---

因此，根据您的示例，路由是嵌套的：第一个抽屉中的

设置

，第二个/子抽屉中的

配置文件和配置文件

。让我们调用这些

嵌套路由

1） 如果您希望按照自己的意愿拥有这些抽屉，则需要创建：

1

MainDrawer.vue

组件，用于包装1

ChildDrawer.vue

子组件，该子组件包含/包装

（如果您使用的是

vue路由器

）。您必须通过附加

和设置下的其他路由来连接链接。如果达到/profile或/config路径，则必须切换第二个子抽屉的抽屉“打开”状态

2） Vuetify采用了

嵌套列表

（链接）而不是这种方法，它可以通过

v-List-group

组件解决您的子路由问题，该组件可以深入到两个级别（这对于您的案例也足够了）