链接 Vue 组件

链接是创建链接以进行导航、自定义操作、切换选项卡、打开/关闭模态等的主要组件。

链接组件

包括以下组件

名称	类型	默认值	描述
colors	对象		包含 Tailwind CSS 颜色类别的对象
colors.navbarTextIos	字符串	'text-primary'
colors.navbarTextMaterial	字符串	''
colors.textIos	字符串	'text-primary'
colors.textMaterial	字符串	'text-md-light-primary dark:text-md-dark-primary'
组件	字符串	'a'	组件的 HTML 元素
iconOnly	布尔值	false	如果链接除了图标之外不包含任何内容，则启用
linkProps	任何		包含要传递给链接/按钮的额外属性（属性）的对象
navbar	布尔值	false	如果链接位于导航栏中，则应启用
tabbar	布尔值	false	如果链接位于标签栏中，则应启用
tabbarActive	布尔值	false	突出显示标签栏链接，表示当前处于活动状态
toolbar	布尔值	false	如果链接位于工具栏中，则应启用
touchRipple	布尔值	未定义	在 Material 主题中启用触摸涟漪效果。如果未指定，则默认情况下如果链接为`toolbar`、`tabbar` 或 `navbar`，则启用

名称	类型	描述
click	function(e)	点击处理程序

<k-link href="/about">About</k-link>

<k-link href="https://google.com" target="_blank"> Google </k-link>

<k-link :link-props="{to: '/about'}" component="router-link">
  About
</k-link>

<k-navbar title="My App">
  <template #right>
    <k-link navbar @click="openMenu">Menu</k-link>
  </template>
</k-navbar>

<k-toolbar>
  <k-link toolbar @click="action1">Action 1</k-link>
  <k-link toolbar @click="action2">Action 2</k-link>
</k-toolbar>