Hi, my name is David Carr and I'm a PHP Developer.


Blog Archives Categories Authors About Me Open Source Books Contact Me

Sponsor Me

Help support the blog so that I can continue creating new content!

My Latest Book

Laravel: The Modular way

Learn how to build modular applications with Laravel Find out more

Laravel Livewire

David Carr

Livewire clear modal on close

When you have a model that's been partially filled and a modal is closed using Alpine ie:

<button type="button" @click="on = false">Close</button>

The modal will close but anything inputted into a form inside the modal will remain.

To clear the form out when a model closes call a method on the component instead:

<button type="button" wire:click="close">Close</button>

Next, create the method in the class and either call $this->reset() to reset all properties on the class or specify the properties to be cleared.

Finally fire an event called close-modal

public function close()
{
    $this->reset(['name', 'email']);
    $this->dispatchBrowserEvent('close-modal');
}

 

Copyright © 2009 - 2022 David Carr. All code MIT license. All rights reserved.