Vue.js Vuetify:我的导航抽屉位于另一个元素（工具栏）上

我想将导航抽屉放在工具栏下。

我正在努力实现这样的目标：

我正在尝试做类似的事情，但所有尝试都没有成功，目前我有以下几点：

我的代码：

令人惊叹的！您添加了一个新项目。
接近
埃斯图多斯
vue
进一步扩展
菜单
{{link.text}
退出
退出到应用程序

埃斯图多斯维酒店

{{link.icon}
{{link.text}
边索德
从“./Popup”导入弹出窗口
导出默认值{
组件：{Popup}，
数据（）{
返回{
出票人：错，
链接：[
{图标：'dashboard'，文本：'dashboard'，路由：'/'}，
{图标：'文件夹'，文本：'我的项目'，路径：'/Projects'}，
{图标：'person'，文本：'Team'，路线：'/Team'}，
],
项目：[
{title:'单击我'}，
{title:'单击我'}，
{title:'单击我'}，
{title:'单击我2'}，
],
snackbar：是的
}
},
}

我尝试添加块并删除应用程序，但没有解决问题。。。 如何将抽屉放在工具栏下？

添加剪辑到v-navigation-drawer道具，如：

我建议先做以下几点

然后，您应该在

元素中使用

clipped

属性，如前面描述的@mamadou hady barry。（

）

其次，将“clipped left”添加到

元素，结果是：

。 您当前使用的

没有根据其“”向左剪裁的

属性