Vue：url 中的两个参数未加载正确的路线

Question

社区

我有一个预订列表（组件：BookingListItem），我在我的组件“BookingView”中呈现它。现在，当我点击这些预订项目之一时，我想显示预订详细信息。为此，我创建了一个拉伸的 link，像这样：

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

我需要 userid 和 bookingid 才能从 ReadBookingView 组件进行 api 调用（在该组件中显示预订详情）。

在我的 router.js 文件中，我定义了这样的路由：

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

但是当我加载 BookingView 组件时，会显示以下警告： userid 和 bookingid 是正确的。但是当我点击我的一个预订项目时，会打开以下 link：http://URL:8081/4328

希望大家理解我的解释。因为我不明白为什么它没有正确加载，我非常感谢您的所有意见。

Answer 1

尝试

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

Vue: two params in url not loading correct route