Laravel 10升级Livewire至3.0后，Blade中@error消息无法显示

1. 注意Livewire 3的错误变量传递逻辑 #

Livewire 3不再自动把根视图的$errors变量传到组件内部，组件里的错误得用组件自身的错误袋。不用纠结底层逻辑，直接确保你在组件里用的@error指令关联的是组件自己的验证结果就行。

2. 验证逻辑必须放在组件内部 #

别用Laravel全局的validate()辅助函数，一定要在组件方法里调用$this->validate()，或者用组件的$rules属性定义验证规则，这样错误才会被Livewire组件捕获，@error才能拿到对应消息。示例代码：

public function save()
{
    $this->validate([
        'name' => 'required|string|max:255',
        'email' => 'required|email',
    ]);
    // 后续保存逻辑
}

3. 避免直接使用根视图的$errors变量 #

如果之前在组件里写$errors->has('name')，Livewire 3里得改成$this->getErrorBag()->has('name')，不过更省事的是直接用@error指令，它会自动适配组件的错误袋。

4. 不要在父控制器中处理验证 #

如果父控制器里做了验证，错误会存在根视图的$errors里，组件拿不到。把验证逻辑全移到Livewire组件里，组件内的@error才能正常触发。

5. 清除缓存避免旧逻辑残留 #

执行以下命令清掉视图和Livewire缓存，防止旧的视图逻辑干扰：

php artisan view:clear
php artisan livewire:clear

完整示例参考 #

组件类：

namespace App\Livewire;

use Livewire\Component;

class UserForm extends Component
{
    public $name;
    public $email;

    protected $rules = [
        'name' => 'required|string|max:255',
        'email' => 'required|email',
    ];

    public function save()
    {
        $validated = $this->validate();
        // 处理保存逻辑
    }

    public function render()
    {
        return view('livewire.user-form');
    }
}

组件视图（livewire/user-form.blade.php）：

<form wire:submit="save">
    <div>
        <label for="name">姓名</label>
        <input type="text" wire:model="name" id="name">
        @error('name')
            <span class="text-red-500">{{ $message }}</span>
        @enderror
    </div>

    <div>
        <label for="email">邮箱</label>
        <input type="email" wire:model="email" id="email">
        @error('email')
            <span class="text-red-500">{{ $message }}</span>
        @enderror
    </div>

    <button type="submit">保存</button>
</form>

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