有没有办法让两个md抽屉在它们之间挤压内容Vue-Material？

Question

我想拥有两个md抽屉，其中一个在应用程序的根目录中（因此始终可见），另一个在另一个路由器视图中（仅在/list上）。并压缩了它们之间的内容。

    export const routes = [
      {
        path: "",
        component: dashboard,
        children: [
          {
            path: "list",


    component: list,
        children: []
      }
    ]
  }
];

到目前为止，我的dashboard中有这个

<md-app>
       <md-app-drawer :md-active.sync="open" md-persistent="full">
           <side-nav></side-nav>
       </md-app-drawer>
       <md-app-content>
           <router-view></router-view>
       </md-app-content>
    </md-app>

我是list

<div>
    <md-drawer md-right :md-active.sync="open" md-persistent="full">
        <side-nav></side-nav>
    </md-drawer>
    <div class="content__holder">
        <router-view></router-view>
    </div>
    </div>

两个侧面导航是两个不同的组成部分

现在正在发生什么：

这两个sidenavs都可以正常工作，但是list中的那一个并没有推送内容"content__holder"，尽管它具有md-persistent="full"属性，但它仍在其顶部滑动。