vue+element-ui实现面包屑导航栏随路由的跳转而实现标题切换

效果如下

1/广告列表

2/添加页面操作如下:

1.在路由配置信息中加入一个meta字段，写上你想在面包屑上展示的标题（可以写多个字段）

2.在面包屑中写上以下代码即可（将此行代码放入面包屑中，可删除面包屑其多余代码）

 {{$route.meta.title}}

<el-container>
      <el-header>Header</el-header>
      <el-main>
        <el-breadcrumb separator="/">
          <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
          <el-breadcrumb-item>
            {{$route.meta.title}}
            </el-breadcrumb-item>
        </el-breadcrumb>
        <router-view></router-view>
      </el-main>
</el-container>

3.完成切换功能，效果如最上图。