laravel - 从 laravel Blade 到 vue 组件传递路由导致重复输出

Question

我将 6 条路由从 Blade 文件传递​​到 Vue 组件，但是当我执行并输出路由时，这 6 条路由以 6 组为一组出现 6 次。每组相同的 6 条路由在vue 开发工具。

index.blade.php(一些循环是在blade中完成的)

 @foreach (App\Questions::all() as $question)
    <question
        :questions="{{App\Questions::all()}}"
        :user="{{$user}}"     
        routes="{{route($question->route)}}">  //Passing the 6 question routes
    </question>
 @endforeach

问题.vue

 <div v-for="question in questions">
    <div v-for="route in routes">
          <a :href="route">
            {{ question.title }}
          </a>
     </div>
 </div>


<script>
export default {
    props: ["questions", "user", "routes"];
}
</script>

为什么它们显示为 6 个不同的组件，每个组件具有 6 次相同的信息。

谢谢。

Answer 1

循环六次，在此处创建六个组件:

 @foreach (App\Questions::all() as $question)

您可以通过获取所有问题模型将相同的问题绑定(bind)到每个组件。

:questions="{{App\Questions::all()}}"

尝试绑定(bind)到:

 :questions="{{ $question }}"