AsideMenuList

This component allows you to create an aside menu list. It depends on AsideMenuItem component.

Example

AsideMenuList

<aside-menu-list :menu="menu" @menu-click="menuClick" />

export default {
  name: 'App',
  data() {
    return {
      menu: [
        {
          to: '/submenu1',
          label: 'Submenu1',
          icon: 'icon1',
        },
        {
          to: '/submenu2',
          label: 'Submenu2',
          icon: 'icon2',
        },
        {
          to: '/submenu3,
          label: 'Submenu3',
          icon: 'icon3',
        }
      ]
    }
  },
  methods: {
    menuClick(item) {
      this.$emit("menu-click", item);
    }
  }
}

Props

Name	Description	Type	Required	Default
isSubmenuList	Define if it is a submenu	`Boolean`	`false`	false
menu	The elements of the menu.It has this structure: ['Item 1', 'Item 2', ...].	`Array`	`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	Used to click on an aside menu item	It receives an aside menu item as an argument