Vuetify 组件未在 NuxtJS 中正确链接

Question

我正在尝试在 NuxtJS 中使用 Vuetify v-list 组件，但是当我部署我的应用程序时，列表根本没有反应（没有悬停效果，没有 linking）。

NuxtJS 的文档说所有内部页面 links 必须使用 <NuxtLink> 组件，但是在使用预构建组件时这怎么可能？

NuxtLink 组件添加了不需要的样式。我假设我需要破解 CSS 以使其不这样做？

<v-list>
    <v-list-item to="/some/endpoint">
       <!-- content -->
    </v-list-item>
</v-list>

Answer 1

使用这个应该可行

<v-list-item nuxt to="/some/endpoint">

所述

Specifies the link is a nuxt-link. For use with the nuxt framework.

如果你想为特定的 nuxt 链接设置样式，你可以查看文档的 this part。否则，其余部分可能是 Vuetify 特定的，可以用常规 CSS.

覆盖

Vuetify components not linking properly in NuxtJS