# PC 端-菜单组件

用于展示 PC 端菜单， 展示平台功能菜单数据以及页面跳转。

### 基础用法

:::demo
ZMenu/base
:::

### ZMenu 参数配置

---

#### 1、代码示例

```html
<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 阿里巴巴矢量图所有类型如下

![Alt text](1692754186726.jpg)