wire:ignore

您是视觉学习者吗？
使用我们深入的屏幕录制掌握 Livewire
立即观看

Livewire 更新页面的能力使其“实时”，但是，有时您可能希望阻止 Livewire 更新页面的部分内容。

在这些情况下，您可以使用 wire:ignore 指令指示 Livewire 忽略特定元素的内容，即使它们在请求之间发生更改。

这在与第三方 javascript 库配合使用自定义表单输入等方面非常有用。

下面是一个使用 wire:ignore 包装第三方库使用的元素的示例，以便 Livewire 不会篡改库生成的 HTML

<form>
    <!-- ... -->
 
    <div wire:ignore>
        <!-- This element would be reference by a -->
        <!-- third-party library for initialization... -->
        <input id="id-for-date-picker-library">
    </div>
 
    <!-- ... -->
</form>

您还可以指示 Livewire 仅忽略根元素的属性更改，而不是使用 wire:ignore.self 观察其内容的更改。

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