You may want to redirect from inside a Livewire component to another route in your app. Livewire offers two methods to achieve this; a built in $this->redirect() method and support for Laravel redirects:

use Livewire\Component;

class ContactForm extends Component
    public $email;

    public function addContact()
        Contact::create(['email' => $this->email]);


        // Or

        return redirect()->to('/contact-form-success');

    public function render()
        return view('');
    Email: <input wire:model="email">

    <button wire:click="addContact">Submit</button>

Now, after the user clicks "Submit" and their contact is added to the database, they will be redirected to the success page (/contact-form-success).

Because Livewire works with Laravel's redirection system, you can use any notation you are used to like redirect('/foo'), redirect()->to('/foo'), redirect()->route('food').
← Previous Topic


Next Topic →

Nesting Components