如何使用 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中文網其他相關文章！