vue.js 错误:锯齿形错误:路由需要“id”参数

xcitsw88  于 2022-12-19  发布在  Vue.js
关注(0)|答案(1)|浏览(98)

我正在使用laravel和inertia js开发单SPA。我也在使用多语言。所以我像这样把语言作为前缀参数传递。

Route::group(['prefix' => '{language}'],function(){
    Route::get('events',[HomeController::class,'event'])->name('events');
    Route::get('events-details/{id}',[HomeController::class,'eventDetail'])
           ->name('events.reservations.index');  
});

我的控制器

public function eventDetail($land,$id)
    {
        $events = $this->repository->getAllEvents();
        $event_details = $this->repository->findById($id);
        $time_interval = ReservationHelper::getTimeInterval();
        return Inertia::render('Frontend/Pages/Reservation/Index', compact('events','event_details','time_interval'));
    }

像这样调用vue组件

<Link
      :href="
        route('events.reservations.index', [$page.props.current_locale, id])
      "
    >
      <div class="sao-box1 text-center">
        <img :src="imgSrc" alt="" class="img-fluid rounded_img" />
        <h3>{{ title }}</h3>
        <div class="event-description" v-html="description"></div>
        <a class="sl-btnBook">Book</a>
      </div>
    </Link>

当我单击该链接时,我收到错误消息

Error: Ziggy error: 'id' parameter is required for route 'events.reservations.index'

我不知道我哪里做错了。
谢谢

oxcyiej7

oxcyiej71#

仅将此行从以下位置更改:-
第一个月
致:
:href="route('events.reservations.index', {language : $page.props.current_locale, id: id})"
谢谢

相关问题