Skip to content

链接 Provider

@astryxdesign/core v0.7.1 · LinkProvider

属性 ​

属性类型默认值说明
componentLinkComponentType—子树里所有链接元素默认用的组件,例如 RouterLink、NuxtLink。它会收到 href 和 to。单个组件自己的 as 仍然优先。必填。

插槽 ​

插槽说明
default使用这个链接组件的子树。

其它导出 ​

导出类型说明
useLinkComponent() => ComputedRef<Component | undefined>读最近一层 provider 给的链接组件,外层没有就是 undefined。用的时候写成 props.as ?? linkComponent.value,这样自己写的 as 依然优先。

会走 provider 的组件 ​

下面这些组件在没写自己的 as 时,链接会交给 provider 里的组件:

  • Link、Button、Avatar、Token
  • NavItem、NavMenuItem、NavHeadingMenuItem、SideNavHeading、TopNavItem、TopNavMegaMenuItem、TopNavMegaMenuFeaturedCard
  • BreadcrumbItem、Tab、Item(List)
  • DropdownMenuItem、ContextMenuItem、MoreMenuRow、TreeListItem

不走 provider 的:AppShell 的跳转正文链接、Outline 的页内锚点、ClickableCard(它的可点击控件是一层视觉隐藏的 <a>),以及 Markdown 渲染出来的链接。

原生属性 ​

组件本身不渲染元素,class 和 style 不会传下去。