Ruta de navegación (breadcrumb)

Muestra la ruta de la página actual dentro de la jerarquía. Admite separador personalizado, colapso de rutas largas y navegación por enlace.

Ruta de navegación

<template>
  <div class="demo-col" style="max-width: 640px; gap: 20px">
    <LhBreadcrumb>
      <LhBreadcrumbItem>Inicio</LhBreadcrumbItem>
      <LhBreadcrumbItem>Pintura de la dinastía Song</LhBreadcrumbItem>
      <LhBreadcrumbItem :to="'#'">Fan Kuan</LhBreadcrumbItem>
      <LhBreadcrumbItem>Viaje por las montañas y los arroyos</LhBreadcrumbItem>
    </LhBreadcrumb>
    <LhBreadcrumb separator="/">
      <LhBreadcrumbItem>Inicio</LhBreadcrumbItem>
      <LhBreadcrumbItem :to="'#'" replace>Paisajes</LhBreadcrumbItem>
      <LhBreadcrumbItem>Página actual</LhBreadcrumbItem>
    </LhBreadcrumb>
    <p class="demo-note">maxItems colapsa las rutas largas (primer elemento + puntos suspensivos + últimos elementos)</p>
    <LhBreadcrumb :max-items="3">
      <LhBreadcrumbItem>Inicio</LhBreadcrumbItem>
      <LhBreadcrumbItem>Colección</LhBreadcrumbItem>
      <LhBreadcrumbItem>Dinastía Song</LhBreadcrumbItem>
      <LhBreadcrumbItem>Fan Kuan</LhBreadcrumbItem>
      <LhBreadcrumbItem>Viaje por las montañas y los arroyos</LhBreadcrumbItem>
    </LhBreadcrumb>
  </div>
</template>

Breadcrumb Props

Prop	Descripción	Tipo	Predeterminado
separator	Carácter separador	string	—
maxItems	Número máximo de elementos visibles (el primero + puntos suspensivos + varios de los últimos); lo que exceda se colapsa. 0 o sin valor indica que no se colapsa	number	—
sx	Propiedades de layout abreviadas	—	—

BreadcrumbItem Props

Prop	Descripción	Tipo	Predeterminado
to	Dirección de destino; si está presente y no es el último elemento, se renderiza como enlace (usa la navegación de vue-router si está disponible; en caso contrario, navegación nativa)	string	—
replace	Si el salto con vue-router se hace con replace (sin efecto si no hay router)	boolean	false

Slots

Slot	Descripción
BreadcrumbItem default	Texto del elemento
BreadcrumbItem separator	Separador del elemento individual (prevalece sobre el separator del padre)