element ui 面包屑组件

Element UI的面包屑组件是用来展示页面的层级关系的导航组件。它可以根据当前页面的路由路径自动生成面包屑导航。

你可以使用`el-breadcrumb`标签来创建面包屑组件，然后在其中使用多个`el-breadcrumb-item`作为子组件来表示每个层级的导航项。

例如，下面是一个简单的示例代码，展示了一个包含三个层级的面包屑组件：

<el-breadcrumb separator="/">
  <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
  <el-breadcrumb-item :to="{ path: '/products' }">产品列表</el-breadcrumb-item>
  <el-breadcrumb-item>产品详情</el-breadcrumb-item>
</el-breadcrumb>

在上面的例子中，第一个`el-breadcrumb-item`使用`:to`属性指定了路由路径，表示点击该导航项时会跳转到对应的页面。而第二个和第三个`el-breadcrumb-item`没有指定路由路径，因此它们只是展示当前页面的层级关系。

你可以根据自己的需求来定制面包屑组件的样式和功能，比如设置分隔符、自定义导航项的样式等。Element UI提供了丰富的配置选项，你可以查阅官方文档获取更多详细信息。