Appearance
PC 端-菜单组件
用于展示 PC 端菜单, 展示平台功能菜单数据以及页面跳转。
基础用法
ZMenu 参数配置
1、代码示例
html
<z-menu
:treelists="treelist"
:themeColor="themeColor"
@handleToIndex="handleToIndexAction"
@handleMenuClick="handleToResUrlAction"
/><z-menu
:treelists="treelist"
:themeColor="themeColor"
@handleToIndex="handleToIndexAction"
@handleMenuClick="handleToResUrlAction"
/>2、配置参数( Attributes)
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| treelist | menu 菜单数据信息 | Array | 默认:[] |
| themeColor | menu 皮肤颜色(选中、剪头、icon) | String | 默认:'#306ef7' 默认为综合业务平台常用的蓝色 |
3、Methods 方法
| 事件名 | 说明 | 参数 | 返回值 |
|---|---|---|---|
| handleToIndex | 通知跳转到首页事件 | -- | -- |
| handleMenuClick | 选中菜单路由事件 | -- | 选中的路由值 |
4、菜单 ICON 阿里巴巴矢量图所有类型如下
