vue.js - v-tab router-link 仅在单击文本时激活

Question

我有一个带有路由器链接的简单 v-tab：

        <v-tab>            

          <router-link
            class="normalize font-weight-bold"
            to="/docs"
            >
            Docs
          </router-link>

        </v-tab>      

问题：
该链接仅在准确单击文本'Docs'时才有效。我希望能够在单击选项卡区域时切换选项卡以获得更好的用户体验。我应该如何编辑代码，以便用户在单击选项卡区域时可以切换选项卡？

标签： vue.js

Answer 1

我相信您应该像这样将路由移动到选项卡中

<v-tab to="/docs">Docs</v-tab> 

另请参阅此问题以获取相关信息：https ://stackoverflow.com/a/49721711/14072498