未按下时，v-bottom-navigation 中的 Vuetify v-btn 保持活动状态

Question

我在 Vuetify 的底部导航中遇到了一个按钮问题。我已经将一堆按钮定义为路由（我使用的是 Nuxtjs），所以如果我在该页面上，按钮将处于活动状态。

底部导航栏中有一个按钮，但它不是路线，它的存在是为了激活 v-navigation-drawer。当我单击此按钮时，抽屉滑出正常。但是，当我在抽屉外部单击以使其向后滑动时，我所在页面的按钮和激活抽屉的按钮都处于活动状态。我希望激活抽屉的按钮永远不会被激活。

视觉-- 我在应用程序的主页上。

Here is what the bottom nav looks like before clicking the button for the v-navigation-drawer

Here is what the bottom nav looks like after I close the v-navigation-drawer. The button furthest to the right is what activates the navigation drawer, and it should never remain active after I close the drawer. Yet it does, and I need to click another button to deactivate it.

我已经尝试了很多关于其他问题的建议来解决此问题，包括但不限于以下内容：为此按钮​​定义自定义活动类，使用确切的道具，以及使用观察者来更改活动的值导航栏中的值。这些都没有奏效。

这是问题所在的代码。我已经删除了不相关的按钮，只保留了主页和个人资料按钮（个人资料是一个不受欢迎的问题）：

<v-bottom-navigation
      app
      fluid
      grow
      color="primary"
      class="d-flex d-sm-none"
>
    <v-btn
      value="home"
      to="/home"
      nuxt
      exact
    >
        <v-icon>
            mdi-home
        </v-icon>
    </v-btn>

    
    <v-btn
      value="profile"
      exact
      @click="showProfileNavDrawer"
    >
        <v-icon>
          mdi-account-circle
        </v-icon>
    </v-btn>
</v-bottom-navigation>

当我关闭它打开的导航抽屉后，配置文件按钮保持活动状态（由于 vue 的路由器，另一个按钮同时处于活动状态），我只能通过单击另一个按钮来停用配置文件按钮。

我该如何消除这个问题？

编辑 对于来自搜索引擎的任何人，我想我知道出了什么问题。这似乎是 Vuetify 底部导航的限制。它专门用于导航，并且由于此按钮位于底部导航栏上，没有指定路线（它所做的只是滑出导航抽屉，没有路线更改），它暂时与当前路线相关联，直到另一条路线导航到并且底部导航栏的状态被修改。这种解释可能是错误的，但似乎与行为相符。

由于我对 CSS 的了解不足（第一次构建网站，我的日常工作主要是数据工程），我无法解决这个问题，所以我只是改变了我的 webapp 的设计。对于任何希望得到答案的人表示歉意:(

Answer 1

@genp 根据v-btn 的文档，exact 将匹配每个路由，如果作为道具传入但未指定路由。您的 btn 是否可以匹配当前路由并触发它的活动状态？您如何从导航中的按钮中删除 exact 属性。有什么改变吗？ 文档here.