element-plus面包屑导航

Element Plus 是一个基于 Vue.js 2.0 的 UI 组件库。它提供了一个名为 Breadcrumb 的组件，用于显示面包屑导航。你可以在网站中引入 Element Plus 组件库，并在代码中使用 Breadcrumb 组件来显示面包屑导航。例如：

<template>
  <div>
    <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>
  </div>
</template>

在此示例中，我们引入了 Element Plus 组件库，然后在模板中使用 Breadcrumb 组件来显示面包屑导航。我们定义了三个面包屑项，分别是“首页”、“产品列表”和“产品详情”，其中“首页”和“产品列表”是链接，可以使用`to`属性来指定链接地址。在面包屑项之间使用了分隔符“/”。运行代码后，将会显示一个带有三个面包屑项的面包屑导航。