面包屑 Breadcrumb

演示

基本用法

自定义分隔符

显示下拉框

隐藏

API

Tag Props

名称类型可选值默认值说明
separatorstring->默认文字分隔符
separator-iconstring--meri-icon 图标库名称
nameKeystring-nameitem渲染对象的取值key
itemNumnumber-10中间item超过显示省略号,下拉框
dataArray-[]数据列表,格式参照以下
nameWidthnumber-面包屑单个宽度,默认自适应
popWidthnumber-弹出框宽度,默认自适应,限制最小96px
widthAutobooleantrue/falsefalse面包屑宽度是否要自适应

Event

名称类型可选值默认值说明
changeFunction(item: any, event: MouseEvent)--点击回调事件
// 单个对象  配合nameKey可自定义
export type Item = {
    url: string;
    name: string;
    style?: CSSProperties  // 单个面包屑的样式
}

最近更新于: