Laravel 向 vue 组件传递数据

Question

我将 laravel 中的数据传递到我的 vue 组件中，以便能够使用 VueJS，但是在我的每个语句中，循环在第一组数据之后结束并且不显示所有内容。

 <div>
            <v-card-title>{{course}}</v-card-title>
            <v-card-subtitle>{{school}}</v-card-subtitle>
</div>

<script>
export default {
    name:"InputForm",
    props: ['course', 'courseGroup', 'school'],
}
</script>

这是我用来向 vue 传递数据的刀片代码

@foreach ($modules as $module)
<input-form  
            :course="'{{$module->Course}}'" 
            :school="'{{$module->School}}'"
/>
@endforeach

Answer 1

使用json_encode()函数向vuejs发送数据

@foreach ($modules as $module)
<input-form  
            :course="{!! $module->Course !!}" 
            :school="{!! $module->School !!}"
/>
@endforeach