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');
}
Subscribe to my newsletter for the latest updates on my books and digital products.
Find posts, tutorials, and resources quickly.
Subscribe to my newsletter for the latest updates on my books and digital products.
