社區
我有一個預訂串列（組件：BookingListItem），它在我的組件“BookingView”中呈現。現在，當我單擊這些預訂專案之一時，我想顯示預訂詳細資訊。為此，我創建了一個拉伸鏈接，如下所示：
<router-link
:to="`patients/${this.user.id}/bookings/${booking.booking_id}`"
class="stretched-link"
></router-link>
我需要用戶 ID 和預訂 ID 來從 ReadBookingView 組件進行 api 呼叫（在該組件中顯示了預訂詳細資訊）。
在我的 router.js 檔案中，我定義了這樣的路由：
{
path: "/patients/:userid/bookings/:bookingid",
name: "readbooking",
component: ReadBookingView,
},
但是當我加載我的 BookingView 組件時，會顯示以下警告：
userid 和 bookingid 是正確的。但是當我點擊我的預訂專案之一時，會打開以下鏈接：http://URL:8081/4328
我希望你們都明白我的解釋。因為我不明白為什么它沒有正確加載，我非常感謝您的所有輸入。
uj5u.com熱心網友回復：
嘗試
<router-link
:to="`/patients/${this.user.id}/bookings/${booking.booking_id}`"
class="stretched-link"
></router-link>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/372760.html
標籤：javascript Vue.js 参数 路由器