Wie uri Adresse eines verschachtelten Ressourcen mit Vue js und Laravel

Question

Ich habe Problem beim Abrufen der URI einer verschachtelten Ressource bei Verwendung von Vue js. Siehe untenstehenden Code.

ReservationController.php

public function index($id) 
    { 

     $student = Student::with(['sectionSubjects','sectionSubjects.section', 
        'sectionSubjects.subject'])->findOrFail($id); 

     return $student->sectionSubjects; 

    } 

all.js

methods:{ 

     fetchSubjects: function(){ 
      var self = this; 
      this.$http({ 
       url: 'http://localhost:8000/reservation/id/student', 
       method: 'GET' 
      }).then(function (reservations){ 
       this.$set('reservations', reservations.data); 
       console.log('success'); 

      }, function (response){ 
       console.log('failed'); 
      }); 
     } 
    } 

Das Problem hier ist, http://localhost:8000/reservation/id/student den Wert der ID dieser URL zu bekommen. Gibt es eine Möglichkeit, die ID des Parameters der index() -Methode zu erhalten? Auch hier ist meine Route Liste http://imgur.com/8MWaCpO

Answer 1

Wenn ich Ihre Frage richtig verstanden, möchten Sie die Studenten-ID von der index Methode in Ihrem Controller zurückgegeben?

Wenn ja, müssen Sie es so in Ihrem Controller tun:

public function index($id) 
{ 

    $student = Student::with(['sectionSubjects','sectionSubjects.section', 
       'sectionSubjects.subject'])->findOrFail($id); 

    return [ 
     'student_id' => $id, 
     'reservations' => $student->sectionSubjects 
    ]; 

} 

und die Matrikelnummer auf Ihrem JS wie folgt abzurufen:

methods: { 

    fetchSubjects: function() { 
     var self = this; 
     this.$http({ 
      url: 'http://localhost:8000/reservation/id/student', 
      method: 'GET' 
     }).then(function (response) { 
      this.$set('studentId', response.student_id); // <-- change here 
      this.$set('reservations', response.reservations.data); // <-- change here 
      console.log('success'); 
     }, function (response) { 
      console.log('failed'); 
     }); 
    } 
}