Es importante interpretar el código de forma correcta previamente a adaptarlo a tu proyecto y si tquieres aportar algo puedes dejarlo en los comentarios.
Solución:
Estaba buscando hacer lo mismo, así es como lo resolví.
Datos:
links: [
to : '/dashboard',
icon : 'mdi-view-dashboard',
text : 'Dashboard',
,
icon : 'mdi-tennis',
text : 'Players',
subLinks : [
text : 'Players list',
to : '/players',
,
text : 'Import WTA Players',
to : '/players/import',
,
]
,
to : '/tournaments',
icon : 'mdi-trophy',
text : 'Tournaments',
,
]
Modelo:
link.icon
link.text
Lo siento, pero no tengo tiempo para hacer un bolígrafo. Espero que esto ayude !
No tengo suficiente reputación para agregar un comentario, pero esto le dará un mejor diseño y funcionará correctamente (en el publicado arriba, los enlaces no funcionaron por alguna razón y el nombre estaba un poco mal)
link.icon
link.text
sublink.icon
sublink.text
Espero que esto pueda ayudar. Básicamente, el menú en el componente del cajón de navegación (v-navigation-drawer) usando el componente de lista (v-list).
En la documentación, puede encontrar una manera de agregar un submenú en el componente de lista en la parte de la lista anidada
Salud,