时间戳

首页 > 解决方案 > foreach 具有动态数据的刀片视图组件

php - foreach 具有动态数据的刀片视图组件

问题描述

我试图通过传递数组数据来循环刀片组件。它成功编译，但它没有显示在浏览器中，也没有给出错误

这是 card.blade.php 文件

<div>
    <h1>{{$name}}</h1>
    <h2>{{$age}}</h2>
    <h3>{{$work}}</h3>
</div>

这是主文件视图文件

    @php
        $arr = [
           
            ['name'=>'1','age'=>'2','work'=>'3'],
            
            ['name'=>'4','age'=>'5','work'=>'6']
        ];
    @endphp

@foreach ($arr as $de)

    <x-card :name={{$de['name']}} :age={{$de['age']}} :work={{$de['work']}}/>
    
@endforeach

当我单击查看源文件时，它还显示附加数据


    <x-card :name=1 :age=2 :work=3/>
    

    <x-card :name=4 :age=5 :work=6/>

但我没有出现在浏览器中，浏览器是空白的

标签： phplaravellaravel-blade

解决方案

您只需{{}}要从属性中删除语法

 <x-card :name="$de['name']" :age="$de['age']" :work="$de['work']"/>

有关更多信息，请查看Component-Attributes文档

推荐阅读