链接 Provider
@astryxdesign/core v0.7.1 · LinkProvider
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
component | LinkComponentType | — | 子树里所有链接元素默认用的组件,例如 RouterLink、NuxtLink。它会收到 href 和 to。单个组件自己的 as 仍然优先。必填。 |
插槽
| 插槽 | 说明 |
|---|---|
default | 使用这个链接组件的子树。 |
其它导出
| 导出 | 类型 | 说明 |
|---|---|---|
useLinkComponent | () => ComputedRef<Component | undefined> | 读最近一层 provider 给的链接组件,外层没有就是 undefined。用的时候写成 props.as ?? linkComponent.value,这样自己写的 as 依然优先。 |
会走 provider 的组件
下面这些组件在没写自己的 as 时,链接会交给 provider 里的组件:
Link、Button、Avatar、TokenNavItem、NavMenuItem、NavHeadingMenuItem、SideNavHeading、TopNavItem、TopNavMegaMenuItem、TopNavMegaMenuFeaturedCardBreadcrumbItem、Tab、Item(List)DropdownMenuItem、ContextMenuItem、MoreMenuRow、TreeListItem
不走 provider 的:AppShell 的跳转正文链接、Outline 的页内锚点、ClickableCard(它的可点击控件是一层视觉隐藏的 <a>),以及 Markdown 渲染出来的链接。
原生属性
组件本身不渲染元素,class 和 style 不会传下去。