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

Question

我有一个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>

在脚本中：

 watch:{

 $route:function(to, from){

 switch(to.path){

  case "/0": 

    this.bottomNav=0;

  break

  case "/1": 

    this.bottomNav=1;

  break

  case "/2": 

    this.bottomNav=2;

  break

  default: this.bottomNav=-1

  }

}

}

我确实找到了一种可行的解决方案，方法是在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>

并在我想停用脚本中的所有项目时执行以下操作：

this.bottomNav = "inactivate"

这种工作方式，但那有点怪异，是否有更正式/优雅的方式来做到这一点？