面包屑项
@astryxdesign/core v0.7.1 · BreadcrumbItem
属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
href | string | — | 要跳去的地址。不写就渲染成按钮。和 menu 二选一:带菜单的这一格是开关,不是链接。 |
as | NavLinkComponent | 'a' | 链接换成别的根组件时用,例如路由链接。写给有 href 又不是当前页的那几格。 |
isCurrent | boolean | false | 标成当前页面。渲染成 <span>,并写上 aria-current="page"。当前这一格也还能挂菜单。 |
menu | BreadcrumbMenuOption[] | — | 把这一格变成同级去处的菜单开关。数组和下拉菜单的数据格式一样,可以有分隔线、勾选项和单选组。用了 menu 插槽时这个属性不起作用。 |
menuSize | 'sm' | 'md' | 'lg' | supporting 变体下是 sm,其余是 md | 菜单里每一行的大小。 |
插槽
default:这一格的文字。startIcon:文字前面的图标。menu:手写的菜单内容,可以放勾选项和单选组。用了它就不再看menu属性。
事件
click(event: MouseEvent):点击这一格时触发。当前页这一格会挡掉默认行为,也不触发事件。