AsideMenu

This component allows you to create an aside menu. It depends on AsideTools and AsideMenuList components.

Example

AsideMenu

<aside-menu
  :app-name="appName"
  :menu="menu"
  @menu-click="menuClick"
/>

export default {
  name: 'App',
  data() {
    return {
      appName: this.$config.appName,
      menu: [
        'Menu1',
        [
          {
            to: '/submenu1',
            label: 'Submenu1',
            icon: 'icon1',
          }
        ],
        'Menu2',
        [
          {
            to: '/submenu2',
            label: 'Submenu2',
            icon: 'icon2',
          },
          {
            to: '/submenu3',
            label: 'Submenu3',
            icon: 'icon3',
          },
          {
            to: '/submenu4,
            label: 'Submenu4',
            icon: 'icon4',
          },
        ],
        'Menu3',
        [
          {
            to: '/submenu5',
            label: 'Submenu5',
            icon: 'icon5',
          },
        ]
      ]
    }
  }
}

Props

Name	Description	Type	Required	Default
menu	It has this structure: [ 'Cat 1', ['Item 1', 'Item 2', ...], 'Cat 2', [...], ... ].The items of type string conform the categories of the menu.The items of type array conform the elements of the menu.	`Array`	`false`
appName	The App name	`String`	`false`	""

Events

Event Name	Description	Parameters
menu-click	Fire an event to the parent	The argument is the aside menu item clicked

Methods

Method	Description	Parameters
menuClick	It fires when an aside menu item is clicked	It receives an aside menu item as an argument