Flash Messages

In cases where it's useful to "flash" a success or failure message to the user, Livewire supports Laravel's system for flashing data to the session.

Here's a common example of its usage:

             1class UpdatePost extends Component
 2{
 3    public Post $post;
 4 
 5    protected $rules = [
 6        'post.title' => 'required',
 7    ];
 8 
 9    public function update()
10    {
11        $this->validate();
12 
13        $this->post->save();
14 
15        session()->flash('message', 'Post successfully updated.');
16    }
17}

             1<form wire:submit.prevent="update">
 2    <div>
 3        @if (session()->has('message'))
 4            <div class="alert alert-success">
 5                {{ session('message') }}
 6            </div>
 7        @endif
 8    </div>
 9 
10    Title: <input wire:model="post.title" type="text">
11 
12    <button>Save</button>
13</form>

Now, after the user clicks "Save" and their post is updated, they will see "Post successfully updated" on the page.

If you wish to add flash data to a redirect and show the message on the destination page instead, Livewire is smart enough to persist the flash data for one more request. For example:

             1public function update()
 2{
 3    $this->validate();
 4 
 5    $this->post->save();
 6 
 7    session()->flash('message', 'Post successfully updated.');
 8 
 9    return redirect()->to('/posts');
10}

Now when a user "Saves" a post, they will be redirected to the "/posts" endpoint and see the flash message there. This assumes the /posts page has the proper Blade snippet to display flash messages.

← Previous Topic

Redirecting

Next Topic →

Flash Messages

Redirecting

Traits