Javascript 如何停用Vuetify的botnav组件中的所有项目？

我有一个Vuetify botnav；每个项目都是在某个路由器路径下激活的，我想在项目位于另一个路径下时将其禁用

我试图将active.sync设置为-1当我想停用选项卡时，如果我从未激活botnav中的任何项目，这将起作用，但如果我激活一个项目，然后再次将active.sync设置为-1，它将自动激活第一个项目：

 <v-bottom-nav
  :active.sync="bottomNav"
  :value="true"
  shift
  absolute
>
  <v-btn
    color="teal"
    flat
    value="recent"
  >
    <span>Recent</span>
    <v-icon>history</v-icon>
  </v-btn>

  <v-btn
    color="teal"
    flat
    value="favorites"
  >
    <span>Favorites</span>
    <v-icon>favorite</v-icon>
  </v-btn>

  <v-btn
    color="teal"
    flat
    value="nearby"
  >
    <span>Nearby</span>
    <v-icon>place</v-icon>
  </v-btn>
</v-bottom-nav>

我确实找到了一个可行的解决方案，通过在botnav中设置一个虚拟隐藏项，并将该项的v-show设置为false，当我想禁用所有项时，我激活了这个未禁用项，它会产生我想要的结果：

虚拟项目：

<v-bottom-nav
 :active.sync="bottomNav"
 //more stuff
 >
//other items
<v-btn v-show="0" value="inactivate"></v-btn>
</v-bottom-nav>

这是可行的，但有点老套，有没有更正式/优雅的方法来实现这一点？

active.sync的默认值未定义，因此请尝试使用重置：

this.bottomNav = void(0)

[]

this.bottomNav = "inactivate"

this.bottomNav = void(0)