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