VuetifyJS `nuxt` 属性在 NuxtJS 框架中不像 `nuxt-link` 那样工作

Question

所以根据 VuetifyJS 文档 here。通过添加 nuxt 属性可以将按钮变成 nuxt-link，如下所示

<v-btn value="home" nuxt href="/home">Home</v-btn>

但问题是，这会在服务器端呈现，这不是 nuxt-link 的工作方式。为了验证这一点，如果我们使用 NuxtJS 框架

中的原始 nuxt-link

<nuxt-link to="/home">
  <v-btn value="home">
    Home
  </v-btn>
</nuxt-link>

这会在客户端呈现。

不确定这是 VuetifyJS 中的错误还是故意的。但无论哪种方式，它都不能用于在 VuetifyJS 组件上创建 nuxt-link。

我理解正确还是理解错了？

Answer 1

如果您在 v-btn 组件中使用 nuxt 属性，您还应该使用 to 属性而不是 href :

<v-btn value="home" nuxt to="/home">Home</v-btn>

VuetifyJS `nuxt` property not working like `nuxt-link` in NuxtJS framework