时间戳

首页 > 解决方案 > VuetifyJS `nuxt` 属性不像 NuxtJS 框架中的 `nuxt-link` 那样工作

vue.js - VuetifyJS `nuxt` 属性不像 NuxtJS 框架中的 `nuxt-link` 那样工作

问题描述

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

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

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

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

这会在客户端呈现。

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

我理解正确还是我错了？

标签： vue.jsvuejs2nuxt.jsvuetify.jshref

解决方案

如果你nuxt在v-btn组件中使用 prop，你也应该使用toprop 而不是href：

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

推荐阅读