element-ui 面包屑和导航关联的实现

初次使用element-ui制作点击菜单，面包屑动态改变，开始用的方法比较麻烦，后来发现通过element-ui的menu组件的@select方法可以传递路径参数，就豁然开朗，和大家分享一下。
1.制作面包屑组件breadcrumb.vue

2.父组件传递导航选中后的参数currentPath；

//Menu.vue  =》导航组件：

//父组件template 部分；注：handleMenuSelect 不用传参，el-menu组件会自动获取参数




   

...
 
...

//父组件script部分
 import breadcrumbNav from './main-components/breadcrumb.vue';//面包屑
 import Menu from './main-components/Menu .vue';//面包屑
 export default{
        data(){
            return {
              breads:[],
            }
        },
        methods:{
           handleMenuSelect(index,indexPath){
              this.breads=indexPath;
          }
        },
   components:{
          Menu,
          breadcrumbNav
        }
    }