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

Question

我将 6 条路由从刀片文件传递到 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)

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

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

尝试绑定到：

 :questions="{{ $question }}"