comunidad

Tengo una lista de reservas (componente: BookingListItem), que presento en mi componente "BookingView". Ahora quiero mostrar los detalles de la reserva cuando hago clic en uno de estos elementos de reserva. Para esto, creé un enlace estirado, así:

 <router-link :to="`patients/${this.user.id}/bookings/${booking.booking_id}`" class="stretched-link" ></router-link>

Necesito el ID de usuario y el ID de reserva para realizar una llamada API desde el componente ReadBookingView (en este componente se muestran los detalles de la reserva).

En mi archivo router.js definí la ruta así:

 { path: "/patients/:userid/bookings/:bookingid", name: "readbooking", component: ReadBookingView, },

Pero cuando cargo mi componente BookingView, se muestran las siguientes advertencias: Allí, el ID de usuario y el ID de reserva son correctos. Pero cuando hago clic en uno de mis artículos de reserva, se abre el siguiente enlace: http://URL:8081/4328

Espero que todos entiendan mi explicación. Porque no entiendo por qué no se carga correctamente y estoy muy agradecido por todos sus aportes.