No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Parámetros

4/17
Recursos

Aportes 3

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Alt + 96 =  `

Ejemplo realizado con Composition API:

<template>
  <div>
    <aside>
      <div v-for="chat in chats" :key="chat.id">
        <RouterLink :to="`/chats/${chat.id}`">{{ chat.name }}</RouterLink>
      </div>
    </aside>
    <article>
      <h2>
        {{ this.$route.params.idChat }}
      </h2>
    </article>
  </div>
</template>

<script setup>
import { ref, reactive } from "vue";
const chats = reactive([
  { id: 1, name: "Ameth" },
  { id: 2, name: "Gabriel" },
  { id: 3, name: "Andres" },
  { id: 4, name: "Victor" },
  { id: 5, name: "Ronald" },
  { id: 6, name: "Ana" },
  { id: 7, name: "Maria" },
]);
</script>

Para los que quieran usar la Composition API para hacer uso de route dentro del tag script, solo deben importar useRoute de vue-router, asignarlo a una variable y ya podrian acceder a lo largo del archivo