基础用法

使用插槽

菜单 属性

属性名	说明	类型	默认值
menuList	菜单数据, 数据格式下面会给出说明	Array	—
defaultActive	默认选中的菜单项的index,关于菜单项的index取值，下面会给出说明	String	—
collapseTransition	是否开启折叠动画,参考element	Boolean	false
showLogo	是否显现顶部logo,如果需要显示也需要通过插槽的来控制这块内容的显示，具体查看插槽示例	Boolean	—
collapse	菜单是否折叠	Boolean	false

更多属性参考element-plusMenu Attributes

菜单数据项字段说明

属性名	说明	类型
router	菜单的跳转路由	String
label	菜单展示的名字，title	String
icon	菜单展示的icon，注意这里是icon要是在青塔图标库里面有的，如果没有，这可以使用icon插槽来处理，具体看插槽示例	String
value	菜单的value,没有router时候会取这个值做index	String
outLink	菜单需要调整外链的地址	String
linkType	一项菜单的渲染组件类型，如果这个字段不传，默认是使用router-link,如果outLink存在则是a,像示例里面就是将这个字段设置为了div	String
children	子菜单	Array

关于菜单项的index取值

菜单项的index取值: 按菜单项的 router,value,label，依次取值，也就是前一项没有值，就取后一项的值

菜单 插槽

插槽名	说明	参数
logo	顶部logo	collapse: 是否收缩
menu-icon	菜单项的icon	menu: 菜单项原始数据， isActive: 是否选择
menu-title	菜单项的title	menu: 菜单项原始数据， isActive: 是否选择

菜单 事件

事件名	说明	回调参数
clickMenu	点击一项菜单的回调事件	(menu:点击的菜单项的原始数据)
select	选中一项菜单的回调事件	index: 选中菜单项的 index, indexPath: 选中菜单项的 index path, item: 选中菜单项, routeResult: vue-router 的返回值（如果 router 为 true）

更多事件参考element-plusMenu Events

菜单 Exposes

属性名	说明	类型
menuRef	菜单元素（element的menu） 的ref	Ref
collapse	是否收起	Boolean