如何使用 Laravel Livewire 3 重定向 URL 或路由

在这篇文章中，我将展示如何使用 Laravel Livewire 3 重定向 URL 或路由。

在此示例中，我们将创建一个 PhotoUpload Livewire 组件。该组件将具有一个带有文件输入字段的表单，并包括图像验证。用户可以选择一个图像，然后使用 WithFileUploads 特征将其上传到存储文件夹。上传图片后，我们将使用闪现消息重定向路线。您可以学习如何在 Laravel Livewire 3 中会话 Flash 消息

如何使用 Laravel Livewire 3 重定向 URL 或路由示例

第1步：创建PhotoUpload组件

现在我们将使用他们的命令创建一个 Livewire 组件。因此，运行以下命令来创建添加更多组件。
php artisan make:livewire PhotoUpload
现在他们在两个路径上创建了文件：

app/Livewire/PhotoUpload.php

resources/views/livewire/photo-upload.blade.php

现在，我们将更新以下两个文件作为我们的联系表格。

app/Livewire/PhotoUpload.php

<?php

namespace App\Livewire;

use Livewire\Component;
use Livewire\WithFileUploads;
use App\Models\Image;

class PhotoUpload extends Component
{
    use WithFileUploads;

    public $photo;

    public function render()
    {
        return view('livewire.photo-upload');
    }

    public function submit(){
        $this->validate([
            "photo" => "required|image"
        ]);

        $filepath = $this->photo->store("photos");

        $image = Image::create([
            "title" => "Test",
            "filepath" => $filepath
        ]);

        session()->flash("success", "Image uploaded successfully");

        return redirect()->route("home");
    }
}

阅读更多

以上是如何使用 Laravel Livewire 3 重定向 URL 或路由的详细内容。更多信息请关注PHP中文网其他相关文章！