Laravel 带 id 的惯性链接

Question

Hello I am beginner in using inertia and laravel, I want to pass an id from the web.php routes of my laravel and i receive error.

Here is my web.php:

Route::get('/member/{member}/show', [MemberController::class, 'show'])->name('member.show');

now my route/href is like this:

<inertia-link class="btn btn-primary btn-sm" href="/member/{{ member.id }}/show">

can anyone help me fix the href="/member/{{ member.id }}/show"

Answer 1

you can use

<InertiaLink :href="route('member.show', { id: member.id })">
 show
</InertiaLink>

for more info here

Answer 2

If you want to link to a new vue component , send an id and show the id in the url , you can do this:

Vue side :

<template>
  <button @click="submit">Open page with id in url</button>
</template>


<script setup>
import {Inertia} from "@inertiajs/inertia";

const submit = () => {
    const id = 1
    Inertia.post('/yourUrl/' + id, {id: id}) //{id: id} key-value-pair of id
}
</script>

Laravel side (web.php) :

Route::post('/yourUrl/{id}', function (Request $request) {
    return inertia('yourVueComponent', ['id' => $request->id]);
});

Answer 3

I can't comment yet so I'll post this as an answer.

@mohamed-elshazly is nearly correct but got one minor detail wrong:

<InertiaLink :href="route('member.show', { member: member.id })">
 show
</InertiaLink>

It's like that, the parameter in the route is called {member} so you pass it an object with a member parameter: { member: yourVariableForMember }

Whatever the parameter in your route is called, you use that in place of member.