停止关注菜单抽屉，并在同一容器中放置多个菜单；证明

Question

这是我编辑过的一个代码笔：https://codepen.io/anon/pen/dKQJLN

首先，当通过工具栏左上角的图标之一打开菜单时，它将焦点集中在该菜单上，如何删除该焦点？即不要使菜单周围的空间变暗。

第二，我在该Codepen中的同一位置有两个菜单。我想知道我实现它的方式是否是最佳实践（我真的不这么认为）。

这是有关左侧抽屉菜单的显示方式的伪代码：

如果显示所选菜单；关闭其他所有菜单 关闭所有菜单并显示所选菜单。

代码在这里：

toggleMenu(thisMenu){
    if(this.menus[thisMenu]){
       for(var menu in this.menus){
      this.menus[menu] = false
    }
    }else{
      for(var menu in this.menus){
      this.menus[menu] = false
    }
      this.menus[thisMenu] = true
    }
}

在Vuetify中是否有默认或最佳做法来切换菜单的开/关/交换？