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');
}
Top comments (0)