效果图
#面包屑
安装
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>