时间戳

首页 > 解决方案 > vuetify to prop 是否表现为路由器链接或 html 锚？

vue.js - vuetify to prop 是否表现为路由器链接或 html 锚？

问题描述

我目前正在使用 Vuetify v2 并将我的全部更改nuxt-link为<a href></a>所以我想知道我应该如何处理 vuetify toprop？离开他们还是改变他们锚定？

<template>
  <v-card to="/mypage" />
  <!-- OR
  <v-btn to="/">home</v-btn>
  -->
</template>

标签： vue.jsvuejs2nuxt.jsvuetify.js

解决方案

通过向to可路由组件（如按钮和卡片）提供道具，它们的行为类似于router-link或nuxt-link将呈现为锚元素<a href="" ...

请在 router-link 中检查组件和api 文档的toprop 文档：v-btnto

<!-- literal string -->
<router-link to="home">Home</router-link>
<!-- renders to -->
<a href="home">Home</a>

推荐阅读