v-btn router-link 仅在单击文本时激活

Question

我有一个这样的按钮

    <v-btn
      class="overline text-capitalize"
      color="grey darken-4"
      plain
    >
      <router-link 
      style="text-decoration: none; color: inherit;"
      :to="{ name: 'default', params: { locale: $route.params.locale }}">About</router-link>
    </v-btn>

我的问题是，该链接仅在完全单击文本“关于”时有效，但在单击文本周围区域时无效。我希望能够在单击按钮区域时切换到不同的页面以获得更好的用户体验。我应该如何编辑代码？谢谢。

Answer 1

这方面有什么进展吗？

我似乎有同样的问题。

我在项目中的更多地方使用 v-btn，并且只有在某些按钮被禁用时才会这样。你碰巧有同样的问题吗？