如何从Blade模板向Blade组件传递数组并解决BindingResolutionException异常

1. 修复组件类属性声明 #

你遇到的参数解析报错，核心原因是Blade组件要求构造函数对应的参数必须声明为public属性，Laravel才能完成自动绑定，完整的组件类示例如下：

// app/View/Components/Option.php
namespace App\View\Components;
use Illuminate\View\Component;

class Option extends Component
{
    // 必须声明public属性，和构造函数参数一一对应
    public string $title;
    public array $options;
    public array $property_names;

    public function __construct($title, array $options, array $property_names) {
        $this->options = $options;
        $this->property_names = $property_names;
        $this->title = $title;
    }

    public function render()
    {
        return view('components.option');
    }
}

2. 修正组件视图的逻辑错误 #

你当前的组件视图代码存在两处拼写错误，会导致后续运行时报错，修正后代码如下：

@foreach($property_names as $p)
    <h6 class="w-50">${{$title}}
        <b>
            @if(array_key_exists($p,$options))
               <!-- 原代码误用了不存在的$property_name、$offer_options变量 -->
               <span>{{$options[$p]}} </span>
            @endif
        </b>
    </h6>
@endforeach

3. 数组传递的正确写法 #

你现有写法本身是符合Laravel语法规范的，修复上述问题后即可正常运行，如果仍有报错可以选择两种替代写法测试：

写法1（内联数组，你当前的写法本身正确） #

<x-option title="price"
          :options="$offer_options"
          :property_names="['prop1','prop2']">
</x-option>

写法2（预定义变量传递） #

如果内联数组语法失效，可以先在控制器中定义数组变量再传递：

// 渲染页面的控制器代码
return view('offer', [
    'offer_options' => $offer_options,
    'custom_prop_names' => ['prop1', 'prop2']
]);

组件调用时直接传变量即可：

<x-option title="price"
          :options="$offer_options"
          :property_names="$custom_prop_names">
</x-option>

额外排查点 #

如果修复后仍报错，可按以下步骤排查：

• 确认参数名拼写完全一致，PHP大小写敏感，不要把property_names写错
• 运行php artisan view:clear清除视图缓存后再测试
• 确认组件类放在app/View/Components目录下，命名空间正确

内容的提问来源于stack exchange，提问作者Adelin