vue jsとlaravelを使用してネストされたリソースのuriアドレスを取得する方法

Question

vue jsを使用する場合、ネストされたリソースのURIを取得する際に問題が発生しています。下記のコードを参照してください。ここ

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'); 
      }); 
     } 
    } 

問題は、このURL http://localhost:8000/reservation/id/studentのIDの値を取得し、です。 index（）メソッドのパラメータのidを取得する方法はありますか？私のルートリストもありますhttp://imgur.com/8MWaCpO

Answer 1

あなたの質問を正しく理解していれば、あなたのコントローラのindexメソッドからStudent IDが返されますか？

public function index($id) 
{ 

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

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

} 

と、このようなあなたのJSに学生IDを取得する：

もしそうなら、あなたはあなたのコントローラでこのようにそれを行う必要があり

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'); 
     }); 
    } 
}