在 Laravel 5.6 中传递的 Vue 道具

Question

我试图从刀片模板中传递 2 个参数，但eventId始终undefined在Vue模板中。

这是我的控制器代码

public function index(Request $request, $eventId)
{
    return view('backend.organiser.classes.index')
        ->withClasses(Classes::orderBy('order')->get())
        ->withEventId($eventId);
}

以下是我的index.blade.php代码

    <div class="row mb-4">
        <div class="col">
            <div>{{ $eventId }}</div>
            <example-component :classes="{{ $classes }}" :eventId="{{ $eventId }}"></example-component>
        </div><!--col-->
    </div><!--row-->

以下是我的ExampleComponent.vue代码

<script>

    export default {

        props:['classes','eventId'],

        mounted() {
            console.log(this.eventId)
        }
    }
</script>

我得到了数据，classes但eventId总是undefined

我在这里做错了什么？？

Answer 1

希望这可以帮到你

<example-component props-classes="{{ $classes }}" props-eventid="{{ $eventId }}"></example-component>

成分

export default {
     props:['propsClasses','propsEventid'],

     mounted() {
        console.log(this.propsEventid)
     }
}

祝你好运！！！