代码之家 › 专栏 › 技术社区 › Meena Chaudhary

VuetifyJS`nuxt`属性的工作方式与NuxtJS框架中的`nuxt link`不同

href vuetify.js nuxt.js vuejs2 vue.js

Meena Chaudhary · 技术社区 · 3 年前

根据VuetifyJS文档 here . 一个按钮可以变成 nuxt-link nuxt 财产,类似于下面

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

但问题是,这会在服务器端呈现,而不是如何呈现 nuxt链接 作品。为了验证这一点,如果我们使用原始的来自NuxtJS框架

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

这将在客户端呈现。

在VuetifyJS组件上。

1 回复 | 直到 3 年前

kissu 3 年前

如果你使用 nuxt 中的道具 v-btn 您还应该使用的组件 to 道具代替 href

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

推荐文章

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

zh-mskl9 · 为Nuxt+Php应用程序定义Procfile的正确方法

6 年前

pirmax · VueJS-VueX和flash消息

6 年前

Chris · 如何在使用Nuxt时在前端执行异步请求。js?

6 年前

asanas · 我们如何在Nuxt中只包含lodash所需的模块?Vuejs项目?

6 年前

Yakalent · Asyncdata与Fetch之间的差异

6 年前

dotnetCarpenter · 将webpack worker loader与nuxt一起使用。js公司

6 年前

KitKit · 在NuxtJS-VueJS中通过身份验证全局配置Axios

7 年前

rocambille r233967 · 如何使用Nuxt在html元素上设置lang属性?

7 年前

ataboy · 为什么在nuxt的服务器和浏览器中执行数据配置

7 年前