基于vueelement 的 子导航组件

效果图

#面包屑

安装

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>