wire:ignore

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>

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

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

参考

wire:ignore

修饰符

修饰符	描述
.self	只忽略元素本身的属性更改，不忽略其子元素