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>