Skip to content

# Menu ​

## Props ​

参数 | 类型 | 默认值 | 必填 | 说明
--- | --- | --- | --- | ---
propMenuList | Array | () => { | 否 | 菜单列表
propHeight | String | '' | 否 | 菜单高度
propWidth | String | '224px' | 否 | 菜单宽度
propDefaultPath | String | '' | 否 | 默认选中菜单项
propUseVueRouter | Boolean | true | 否 | 是否启用 vue-router 模式
propUniqueOpened | Boolean | false | 否 | 是否只保持一个子菜单的展开
propMenuTheme | String | 'white' | 否 | 菜单主题 grey,white
collapse | Boolean | false | 否 | 菜单初始收缩状态
headerHeight | Number | 60 | 否 | -
propBgColor | String | "default" | 否 | 头部背景颜色 'default' | 'blue'

## Events ​

事件名 | 说明
--- | ---
emitSelectMenu | 选择菜单
hideMenu | 折叠菜单

## Slots ​

插槽名 | 说明
--- | ---
icon | 子级菜单

## 使用示例 ​

vue

    <template>
      <Menu />
    </template>

    <script setup>
    import { Menu } from 'ysj_plugins_dps'
    </script>