vue-router和element组件动态面包屑导航

vue-cli项目中—根据路由变换的动态面包屑导航

1、在src文件夹下的router/index.js中配置路由

• 配置对应的路由

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
export default new Router({
   
  routes: [
    {
   
      path: '/',
      redirect: Table,
   },
    {
   
      path: '/table',
      component: Table,
      name:'列表一'
    }
  ]
})

• 在router/index.js新增相关js

    var routeList = [];
    router.beforeEach((to, from, next) => {
   
      var index = -1;
    //   判断路由之前是否存在，并返回位置
      for (var i = 0; routeList.length; i++