rj-breadcrumbs

基于 element ui 的 tab 导航栏

Usage no npm install needed!

<script type="module">
  import rjBreadcrumbs from 'https://cdn.skypack.dev/rj-breadcrumbs';
</script>

README

面包屑

安装

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>