我正在用Vue和Vuetify编写一个CRUD应用程序.我有一些使用"to"属性定义为v-BTN的链接.我注意到，当点击按钮时，活动按钮通常会发生变化，从而突出显示与用户当前位置对应的按钮.然而，我有两条路由是这样的:
"/songs/new"
"/songs"
v-btn具有以下"to"属性:
to:"/songs/new"
to:"/songs"
但是，当单击指向"/songs/new"的按钮时，vuetify会将两个按钮都设置为活动状态.知道为什么会这样吗？
我正在用Vue和Vuetify编写一个CRUD应用程序.我有一些使用"to"属性定义为v-BTN的链接.我注意到，当点击按钮时，活动按钮通常会发生变化，从而突出显示与用户当前位置对应的按钮.然而，我有两条路由是这样的:
"/songs/new"
"/songs"
v-btn具有以下"to"属性:
to:"/songs/new"
to:"/songs"
但是，当单击指向"/songs/new"的按钮时，vuetify会将两个按钮都设置为活动状态.知道为什么会这样吗？
你需要使用exact属性.
<v-btn to="/songs/new" exact>Songs</v-btn>
<v-btn to="/songs" exact>New Song</v-btn>
现在，只有当你在正确的路由上时，按钮才会被激活.
还可以使用exact-active-class来使用自定义活动类.