Как передать идентификатор функции, которая будет использовать этот идентификатор для запроса данных

Question

Итак, для начала, это моя таблица, которая показывает данные студентов:

<div class="card-body table-responsive p-0">
    <table class="table table-hover">
        <tr>
            <th>Student ID</th>
            <th>Name(Lastname, Firstname)</th>
            <th>Contact</th>
            <th>Modify</th>
        </tr>
        <tr v-for="student in students.data" :key="student.student_id">
            <td>{{student.student_id}}</td>
            <td>{{student.lastname | upFirstLetter}}, {{student.firstname | upFirstLetter}} </td>
            <td>{{student.contact_no}}</td>
            <td>
                <a href="#" data-toggle="modal" data-target="#viewModal" @click="loadStudentData(student.student_id)">
                    <i class="fas fa-eye text-teal"></i>
                </a>
            </td>
        </tr>
    </table>
</div>

При нажатии на значок представления вызывается и передает student_id в функцию с именем loadStudentData ()

loadStudentData(id) {
    this.form.show('api/loadData' + id).then(({data}) => (this.studentsData = data));
}

и для function show($id) внутри контроллера

public function show($id)
{
    return Students::orderBy('student_id', 'asc')
        ->join('student_details', 'student_details.student_id', 'students.student_id')
        ->where('students.student_id', '=', $id)
        ->select('students.*', 'student_details.*');
}

Это то, что я пробовал до сих пор, и я не могу заставить его работать.Заранее спасибо.

Answer 1

Я думаю, вы пропустили косую черту после 'api/loadData'. Это может быть

loadStudentData(id) {
    this.form.show('api/loadData/' + id).then(({data}) => (this.studentsData = data));
}

Однако вы не опубликовали здесь свои маршруты.

Answer 2

try Implicit Binding , это намного лучше