Saltar al contenido

enrutador-enlace con vue y vuetify confusión

Solución:

v-list-tile, v-btn, y v-card todos se extienden router-link, para que pueda utilizar cualquiera de los router-link atributos directamente en esos componentes.

En su caso, puede usar <v-list-tile :to="item.link">

Tuve el mismo problema y lo resolví así:

<v-list-item v-else :key="item.text" link>
<!-- to -->
<v-list-item v-else :key="item.text" :to="item.link" link>


<v-list-item v-for="(child, i) in item.children" :key="i" link>
<!-- to -->
<v-list-item v-for="(child, i) in item.children" :key="i" :to="child.link" link>


JS

{ icon: "mdi-history", text: "Recientes", link: "https://foroayuda.es/" },

No te olvides de poner <router-view /> en el contenedor.

    <v-content>
      <v-container class="fill-height" fluid>
        <router-view />
      </v-container>
    </v-content>
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

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