Skip to content

wire:ignore

Laravel Livewire Documentation Reference

Since Magewire is heavily inspired by Laravel Livewire, many concepts are either identical or very similar. To avoid duplicating documentation, this page only covers Magewire-specific and platform-specific details. For all general concepts and in-depth explanations, you can refer to the corresponding Laravel Livewire documentation.

Livewire Reference

Use wire:ignore when a third-party script owns an element's DOM and Magewire must not morph it:

<div wire:ignore>
    <select data-address-picker></select>
</div>

The ignored markup no longer receives server-rendered updates. Synchronize the widget's value deliberately through a hidden wire:model, $wire.set(), or a custom browser integration, and destroy the widget when its surrounding component is removed.

wire:ignore.self ignores changes to the element's own attributes while allowing its children to morph. wire:ignore.children preserves its children while allowing the root attributes to update. Use the narrowest form that protects the third-party widget.