wire:ignore

La capacidad de Livewire para actualizar la página es lo que la hace “viva”, sin embargo, hay ocasiones en las que puede querer evitar que Livewire actualice una parte de la página.

En estos casos, puede utilizar la directiva wire:ignore para indicar a Livewire que ignore los contenidos de un elemento en particular, incluso si cambian entre peticiones.

Esto es muy útil en el contexto de trabajar con librerías javascript de terceros para entradas de formularios personalizados y similares.

A continuación se muestra un ejemplo de envolver un elemento utilizado por una biblioteca de terceros en wire:ignore para que Livewire no manipule el HTML generado por la biblioteca:

<form>
    <!-- ... -->

    <div wire:ignore>
        <!-- Este elemento sería referenciado por una -->
        <!-- librería de terceros para su inicialización... -->
        <input id="id-for-date-picker-library">
    </div>

    <!-- ... -->
</form>

También puedes indicar a Livewire que sólo ignore los cambios en los atributos del elemento raíz en lugar de observar los cambios en su contenido utilizando wire:ignore.self.

<div wire:ignore.self>
    <!-- ... -->
</div>