Laravel Livewire自定义字段数组验证：错误消息不显示解决

问题核心在于模板中@error指令的写法错误，导致验证字段名匹配失败，无法渲染错误提示。

错误原因 #

原代码里@error('fields.{{ $index }}.value')的写法不符合Blade语法规则：@error指令接收的是字段名字符串参数，内部的{{ $index }}会被解析为HTML输出，最终生成的字段名格式无法和Livewire验证系统中的字段名匹配，导致错误消息无法关联到对应输入框。

修复方案 #

将模板中的@error指令改为双引号包裹字段名，让Blade直接解析内部的$index变量：

@foreach ($event->fields as $index => $field)
    <!-- 其他字段结构 -->
    <input type="text" wire:model="fields.{{ $index }}.value" />
    @error("fields.$index.value")
        <p class="text-red-500">{{ $message }}</p>
    @enderror
@endforeach

额外验证要点 #

1. 确保组件提交逻辑中正确调用validate()触发验证：

public function submit()
{
    $rules = [];
    foreach ($this->fields as $index => $field) {
        if($field->is_required) {
            $rules["fields.$index.value"] = 'required';
        }
    }

    $this->validate($rules);

    // 后续表单处理逻辑
}

2. 确认wire:model的绑定路径（fields.{{ $index }}.value）和验证规则中的字段名完全一致。

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