vue使用elementui的el-menu的折叠菜单collapse

vue使用elementui的el-menu的折叠菜单collapse_第1张图片

由于我的是在el-menu所在组件外面的兄弟组件设置是否折叠的控制,我用事件总线bus进行是否折叠传递 

参数 说明 类型 可选值 默认值
collapse 是否水平折叠收起菜单(仅在 mode 为 vertical 时可用) boolean false
background-color 菜单的背景色(仅支持 hex 格式) string #ffffff
text-color 菜单的文字颜色(仅支持 hex 格式) string #303133
active-text-color 当前激活菜单的文字颜色(仅支持 hex 格式) string #409EFF
default-active 当前激活菜单的 index string
unique-opened 是否只保持一个子菜单的展开 boolean false
router 是否使用 vue-router 的模式,启用该模式会在激活导航时以 index 作为 path 进行路由跳转 boolean false

在左边的折叠菜单组件中, 

vue使用elementui的el-menu的折叠菜单collapse_第2张图片





 在右边的兄弟控制折叠菜单的组件中,

vue使用elementui的el-menu的折叠菜单collapse_第3张图片





就是如此,有疑问评论区见 

你可能感兴趣的:(elementui,vue开发常用功能,elementui,前端,javascript,vue.js,笔记)