将数据传递给匿名组件

Question

我对匿名组件有点困惑。

我试图在属性之前使用前置

:

在组件中传递数据。但是，它给了我一个错误

未定义变量$sizes

但是正如你所看到的，我已经在组件中传递了它。

目前，我正在使用它，并希望在子匿名组件中传递带有数据的变量。

所以树是这样的。假设

layout

/

x-layout

刀片文件包含我网站的标题和导航栏，并且我确实有这个

user_preference

刀片文件。

user_preferance.blade.php

<x-layout>
   @if ($counter > 0)
     <x-with_sizes_section :sizes="$sizes" />
   @else
   <x-without_sizes_section />
    @endif
</x-layout>

在

user_preference

刀片文件下，我可以从控制器访问数据。所以如果我说

<h1> {{ $sizes}} </data>

在

user_preference

刀片文件下，会显示它。

我为表单创建了一个单独的组件，所以正如您在上面看到的，我有条件语句，其中我必须根据条件语句的结果显示两种不同的表单。

现在，如果它属于 if 语句，我想要

{{ $sizes}} 

传递给名为

with_sizes_section

的匿名组件。正如您在上面的代码中看到的，我尝试在属性名称之前添加

:

。

我也尝试过使用这个来显示来自

user_preference

的数据。

user_preferance.blade.php

<x-layout>
   @if ($counter > 0)
     {{ $sizes }}
   @else
   <x-without_sizes_section />
    @endif
</x-layout>

它显示了尺寸，但是我不知道为什么不能将它传递给另一个组件。

我看到了这个已验证的答案，但是正如您所看到的，它已经与我上面提供的代码相似。

任何想法或帮助表示赞赏！

Answer 1

在

with_sizes_section.blade.php

在第一行或行号中添加一个 props

1

，就像我在下面提供的代码一样。

@props([sizes])
<div>
   @foreach($sizes as $size)
      {{ $size }}
   @endforeach
</div>

然后现在您可以从父级访问或获取数据