skills.rest
wepn13232
wepn13232COMMUNITY
Explore all skills by this author →
GitHub

element-plus-breadcrumb

Document Element Plus Breadcrumb attributes, slots, and router integration for Vue projects.

7|Updated Mar 31, 2026
Search Tags:#vue#api-reference#slots#element-plus#el-breadcrumb#component-attributes
One-click install
npx skills add https://github.com/wepn13232/element-plus-skills --skill element-plus-breadcrumb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: element-plus-breadcrumb
Source: https://github.com/wepn13232/element-plus-skills/tree/main/breadcrumb
Command: npx skills add https://github.com/wepn13232/element-plus-skills --skill element-plus-breadcrumb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Element Plus developers often need quick, authoritative guidance on Breadcrumb attributes, slots, and navigation behavior without scanning the full documentation.

Core Features & Use Cases

  • Attribute Overview: Lists separator, separator-icon, and BreadcrumbItem setup so you can configure breadcrumb separators and router links consistently.
  • Slot Guidance: Highlights the default slot for customizing breadcrumb content and nested BreadcrumbItem structure.
  • Use Case: When building a navigation trail for a Vue app, you can reference this skill to ensure the breadcrumb items align with router targets and visual design.

Quick Start

Show me the attributes and slots for el-breadcrumb so I can implement a navigation trail immediately.

Frequently Asked Questions about element-plus-breadcrumb

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure the separator in an Element Plus breadcrumb navigation trail?▼

Configure the breadcrumb separator in Element Plus by setting the separator or separator-icon attribute on the el-breadcrumb component. This ensures consistent visual dividers between breadcrumb items throughout your Vue application's navigation trail.

What slots are available for customizing el-breadcrumb items in Vue?▼

The default slot in el-breadcrumb allows customizing breadcrumb content and structuring nested BreadcrumbItem components. You can use this slot to inject custom elements into your Vue navigation trail.

Does the Element Plus breadcrumb component support Vue Router integration?▼

Yes, the Element Plus breadcrumb component supports Vue Router integration. You can configure BreadcrumbItem attributes to align with router targets, enabling precise navigation intent and consistent routing behavior across your application.

What is the best way to implement a navigation trail with el-breadcrumb in a Vue app?▼

The best way to implement a navigation trail with el-breadcrumb is to reference its API for precise attribute and slot configurations. This ensures breadcrumb items align with router targets and visual design requirements in your Vue project.

Why are my Element Plus breadcrumb items not navigating to the correct router targets?▼

Breadcrumb items fail to navigate when BreadcrumbItem attributes are not properly aligned with router targets. Verify the navigation intent requirements and router integration details in the el-breadcrumb API to resolve routing mismatches.

Related Skills

Explore More Software Engineering Skills→
wepn13232wepn13232
7

element-plus-calendar

Summarize the Element Plus el-calendar API attributes, slots, and exposes.

Community
Basic
jiaiyanjiaiyan
21

el-breadcrumb

Display breadcrumb navigation in Vue apps from router matches.

Community
Intermediate
partme-aipartme-ai
610

element-plus-vue3

Guide Element Plus Vue 3 component installation, theming, and API usage.

Official
Intermediate
xiaoliwanshuixiaoliwanshui
21

flutter-adaptive-ui

Implement adaptive Flutter UIs across mobile, tablet, desktop, and web form factors.

Community
Advanced