Skip to content

wire:ignore

Livewire 更新页面的能力使其"实时",但是,有时你可能希望防止 Livewire 更新页面的某个部分。

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

这在使用第三方 JavaScript 库处理自定义表单输入等情况下最有用。

以下是将第三方库使用的元素包装在 wire:ignore 中的示例,以便 Livewire 不会篡改库生成的 HTML:

blade
<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 观察其内容的更改。

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