# PageMenu 左侧导航

# 基础用法

<h-page>
  <h-page-menu :menu="menu" />
</h-page>

<script>
  export default {
    data() {
      return {
        menu: [{
          title: '首页',
          icon: 'h-icon-menu'
        }]
      }
    }
  }
</script>

# API

# Attributes

参数	说明	类型	可选值	默认值
menu	菜单数据	Array	-	-
menu-theme	菜单主题	String	dark/light	dark
menu-collapse	菜单是否默认收起	Boolean	-	false
fold-width	菜单折叠宽度	String	-	'48px'
unfold-width	菜单展开宽度	String	-	'230px'
unique-opened 1.11.3+	是否只保持一个子菜单的展开	Boolean	-	false
router 1.11.3+	是否使用 vue-router 的模式，启用该模式会在激活导航时以 index 作为 path 进行路由跳转	Boolean	-	true

# Events

事件	说明	回调参数
select 1.10.0+	菜单激活回调	index: 选中菜单项的；indexPath: 选中菜单项的 index path；item: 选中的菜单项对象
fold	菜单折叠回调	-
unfold	菜单展开回调	-
click-collapse	折叠按钮点击的回调	-
show-collapse 1.11.2+	折叠菜单显示事件	-
hide-collapse 1.11.2+	折叠菜单隐藏事件	-

← Page 页面 PageContainer 页面容器 →