Laravel Blade组件active属性无法传递至视图与类的问题

1. 检查组件类的属性声明 #

你的DropdownItem类（一般在app/View/Components目录下）必须显式声明$active属性，并在构造函数中接收它。Laravel组件只会自动传递类中已声明的属性，未声明的属性不会进入$args数组，也无法在视图中调用。

示例代码：

namespace App\View\Components;

use Illuminate\View\Component;

class DropdownItem extends Component
{
    // 必须显式定义属性
    public bool $active;

    // 构造函数接收属性值
    public function __construct(bool $active = false)
    {
        $this->active = $active;
    }

    public function render()
    {
        return view('components.dropdown-item');
    }
}

2. 确认组件视图的变量使用 #

在组件的Blade视图（比如resources/views/components/dropdown-item.blade.php）中，直接使用类中声明的$active变量即可，无需从$attributes或其他对象中获取：

{{-- 直接调用$active变量测试 --}}
@dd($active)
<a href="{{ $href }}" class="{{ $active ? 'bg-gray-100 text-gray-900' : 'text-gray-700 hover:bg-gray-50' }}">
    {{ $slot }}
</a>

3. 核对组件调用的语法 #

确保调用组件时动态绑定的语法正确：

• 传递布尔值或表达式时，必须用:active（冒号开头）
• 静态值使用active="true"即可

正确调用示例：

{{-- 动态绑定路由判断的布尔值 --}}
<x-dropdown-item :active="request()->routeIs('dashboard')" href="/dashboard">
    仪表盘
</x-dropdown-item>

4. 清除视图缓存 #

Laravel会缓存编译后的视图，修改组件类或视图后，旧缓存可能导致新属性无法生效。执行命令清除缓存：

php artisan view:clear

5. 组件注册检查（可选） #

如果你的组件未通过自动发现加载（Laravel 10默认开启app/View/Components目录的组件自动发现），需要在AppServiceProvider的boot方法中手动注册：

use App\View\Components\DropdownItem;

public function boot()
{
    $this->app->make('blade.compiler')->component('dropdown-item', DropdownItem::class);
}

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