在 Laravel 5.6 中传递的 Vue 道具答案

【问题标题】：Vue props passing in Laravel 5.6在 Laravel 5.6 中传递的 Vue 道具
【发布时间】：2019-01-15 05:25:27
【问题描述】：

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

这是我的控制器代码

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

我在这里做错了什么？？

【问题讨论】：

标签： php laravel vue.js

【解决方案1】：

希望对你有帮助

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

组件

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

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

祝你好运！！！

【讨论】：