Tabs

Props

activeId

• type: number|string

Текущая активная вкладка, если не используется проп link

items

• type: IPropItemType[]
• required: true

Список табов

@example example

interface IPropItemType {
  href?: string | EduLink;
  badge?: BadgeType;

  // Значение которое пойдёт в activeId
  [idKey: string]: string | number;
  // Отображаемый текст таба
  [valueKey: string]: string;
}

idKey

• type: string
• default: 'id'

Название свойства из itemsnumber, по этому свойству отслеживается текущий активный таб

valueKey

• type: string
• default: 'value'

Название свойства из itemsnumber, это свойство будет отображаться

link

• type: boolean
• default: false

При включении этого режима, клики на табы перестают вызывать события change и update:activeId

linkExact

• type: boolean
• default: true

Проп exact для RouterLink если в табе передан href, иначе игнорируется
Применим только для Vue 2

linkExactPath

• type: boolean

Проп exactPath для RouterLink если в табе передан href, иначе игнорируется
Без linkExact не имеет смысла

Events