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

Question

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

这是 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/>

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

Answer 1

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

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

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