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

Laravel将数据传递给Vue组件

1 个答案: