基于vue element 的 子导航组件

效果图

#面包屑

安装

yarn add xe-utils
yarn add rj-breadcrumbs

说明

 基于 element ui   XEUtils工具类
 只需要把菜单树形结构传入 就可以了

##使用

<template>
    <div>
        <RJbreadCrumbs :active="activeClass" :crumbs="crumbsClass" :menu="menuConfig" />
    </div>
</template>
<script>
import RJbreadCrumbs from 'rj-breadcrumbs';
export default {
  data () {
    return {
      menuConfig:[],  //树形菜单结构
      activeClass: {  //选中的样式 ，自定义传入
        color: '#efefef',
        background: '#F56C6C'
      },
      crumbsClass: {  //非选中的样式 ，自定义传入
        border: '1px solid red'
      }
    };
  },
  components: {
    RJbreadCrumbs
  }
}
</script>