如何使用 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');
            });
        }
    }

这里的问题是，获取这个urlhttp://localhost:8000/reservation/id/student的id的值。有没有办法获取 index() 方法的参数的 id？这也是我的路线列表http://imgur.com/8MWaCpO

Answer 1

如果我正确理解了您的问题，您希望从控制器中的 index 方法返回学生 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');
        });
    }
}