Skip to content
On this page

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)

参数说明类型默认值
treelistmenu 菜单数据信息Array默认:[]
themeColormenu 皮肤颜色(选中、剪头、icon)String默认:'#306ef7' 默认为综合业务平台常用的蓝色

3、Methods 方法

事件名说明参数返回值
handleToIndex通知跳转到首页事件----
handleMenuClick选中菜单路由事件--选中的路由值

4、菜单 ICON 阿里巴巴矢量图所有类型如下

Alt text