Saltar al contenido

Cajón de navegación Vuetify con submenús

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

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)






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,

Comentarios y calificaciones

¡Haz clic para puntuar esta entrada!
(Votos: 2 Promedio: 3.5)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *