我有一個Vuetify botnav;每個項目都是在某個路由器路徑下激活的,我想在另一個路徑下將其禁用。active.sync當我想取消激活選項卡時,我嘗試將其設(shè)置為-1,如果我從不激活botnav中的任何項目,則可以使用該功能,但是如果我激活了一個項目,然后再次設(shè)置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中設(shè)置一個虛擬的隱藏項目并將該項目的v-show設(shè)置為false,當我想停用所有項目時,我激活了這個未顯示的項目,結(jié)果我想要的是:一個虛擬物品:<v-bottom-nav :active.sync="bottomNav" //more stuff >//other items<v-btn v-show="0" value="inactivate"></v-btn></v-bottom-nav>并在我想停用腳本中的所有項目時執(zhí)行以下操作:this.bottomNav = "inactivate"這種工作方式,但那有點怪異,是否有更正式/優(yōu)雅的方式來做到這一點?
如何停用Vuetify的botnav組件中的所有項目?
翻閱古今
2021-03-29 16:19:48