wire:ignore

Livewire 能更新页面正是它「live」的原因；不过有时你可能希望阻止它更新页面的某一部分。

这时可以用 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	只忽略元素自身的属性变化，不忽略其子节点