如何解决Laravel Livewire中「Undefined variable $fields」错误？

你遇到的几个错误可以通过以下步骤逐一修复：

1. 修复未定义的$fields变量 #

在createNewCategory方法中，$this->validate()不需要传入$fields参数（该变量仅在updated方法的回调上下文里存在），直接传入验证规则数组即可：

public function createNewCategory()
{
    // 移除$fields参数，直接传递验证规则
    $this->validate([
        'name' => 'required',
        'slug' => 'required',
        'image' => 'required|mimes:jpeg,png'
    ]);
    // ... 剩余代码
}

2. 修正Carbon拼写错误 #

代码中Crabon::now()是拼写失误，正确写法为Carbon::now()：

// 错误写法
// $imageName=Crabon::now()->timestamp. '.' . $this->image->extension();
// 正确写法
$imageName=Carbon::now()->timestamp. '.' . $this->image->extension();

3. 修正模型保存逻辑错误 #

你错误调用了字符串变量$imageName->save()，实际需要保存的是ServiceCategory实例$scategory：

// 错误写法
// $imageName->save();
// 正确写法
$scategory->save();

完整修正后的AdminAddServiceCategoryComponent.php代码 #

<?php

namespace App\Http\Livewire\Admin;

use App\Models\ServiceCategory;
use Carbon\Carbon;
use Livewire\Component;
use Illuminate\Support\Str;
use Livewire\WithFileUploads;

class AdminAddServiceCategoryComponent extends Component
{
    use WithFileUploads;
    public $name;
    public $slug;
    public $image;

    public function generateSlug()
    {
        $this->slug = Str::slug($this->name,'-');
    }
    public function updated($fields)
    {
        $this->validateOnly($fields,[
              'name' => 'required',
              'slug' => 'required',
              'image' => 'required|mimes:jpeg,png'
        ]);
    }
    public function createNewCategory()
    {
        $this->validate([
            'name' => 'required',
            'slug' => 'required',
            'image' => 'required|mimes:jpeg,png'
        ]);
        $scategory = new ServiceCategory();
        $scategory->name= $this->name;
        $scategory->slug= $this->slug;
        $imageName=Carbon::now()->timestamp. '.' . $this->image->extension();
        $this->image->storeAs('categories',$imageName);
        $scategory->image=$imageName;
        $scategory->save();
        session()->flash('message','Category has been created successfully!');
    }
    public function render()
    {
        return view('livewire.admin.admin-add-service-category-component')->layout('layouts.base');
    }
}

额外提示：Livewire表单会自动处理CSRF保护，你可以从视图的<form>标签中移除@csrf代码。

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