Question

我正在尝试从刀模模板传递prop中的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)
     }
}

祝你好运！

Vue道具在Laravel 5.6中传递

1 个答案: