wire:model Changes in Livewire v4

Important changes to wire:model behavior and modifiers.

1 min readLivewireاقرأ بالعربية

Livewire v4 changes how wire:model handles events.

Event Bubbling

blade
<!-- v4: only listens to direct events -->
<div wire:model="value">
    <input type="text">
</div>

<!-- Add .deep for old behavior -->
<div wire:model.deep="value">
    <input type="text">
</div>

Migration

blade
v3 wire:model.blur → v4 wire:model.live.blur
v3 wire:model.change → v4 wire:model.live.change
All articles

Keep reading