Laravel Blade自定义组件如何直接传递数组作为属性

解决方案 #

你出现报错的核心原因是：Blade 中以:开头的组件属性本身就会被作为原生PHP表达式直接解析，不需要额外嵌套{{ }}输出标签，双重解析会触发语法错误。

直接去掉属性值外层的{{ }}即可实现不定义中间变量直接传数组：

<x-input :attrs="['type'=>'text', 'placeholder'=>'Search..']"></x-input>

额外优化建议 #

Laravel Blade组件本身自带属性袋特性，不需要你自定义$attrs参数接收属性，可直接简化实现：

1. 组件代码（views/components/input.blade.php）直接写：

<input {{ $attributes }}>

2. 调用时不需要包装成attrs数组，直接传属性即可，写法更简洁：

<x-input type="text" placeholder="Search.." />

组件会自动把你传入的所有非props属性合并到$attributes中直接输出，完全不需要手动循环拼接属性。

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