multilevel menu

[kodmanyagha]

Is it possible that create multilevel menu in this project?

[ianfirdaus31]

Sure, you may edit on Drawer.vue then within items add children. For example multilevel on user option:
{ icon: 'mdi-account', title: 'user', children: [ { title: 'Add New', to: '/pages/user', }, { title: 'Show All', to: '', children: [ { title: 'Removed Users', to: '' } ] } ], },

[kirk-quinbar]

i tried doing this and found two things

• the url the submenu tries to go to includes a /undefined/ part in the path which is weird
  • i.e http://localhost:8081/#/undefined//clientname-setup
• even though i defined an icon, the submenu still displays the first characters of each subitem title words as shown in the example above. is this by design or is there a way to display an icon?

this is an example of how i have the data setup:

data: () => ({
      items: [
        {
          icon: 'mdi-view-dashboard',
          title: 'dashboard',
          to: '/',
        },
        {
          title: 'schema-builder',
          icon: 'mdi-clipboard-outline',
          to: '/schema-builder',
        },
        {
          title: 'client-data-setup',
          icon: 'mdi-account-cog-outline',
          children: [
            {
              title: 'clientname-setup',
              icon: 'mdi-account-details-outline',
              to: '/clientname-setup',
            },
          ],
        },
      ],
    }),